Learn the basics of Web page creation tutorial (5) Background label

Last Update:2017-02-28 Source: Internet

Author: User

Tags connect set background

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Tutorials | Getting Started | Web page

　　Related articles:

　　Learn the basics of Web Authoring Tutorial (1) Web authoring

　　Learn the basics of Web making (2) typography labels

　　Learn the basics of Web page creation tutorial (3) Font label

　　Learn the basics of Web page creation tutorial (4) Image label

Background Label　　

1. How to use : <body bgcolor= "#ffffff" background= "bg.jpg" >

2. Label Explanation : This label should be old to talk about, after all, it is to make a Web page indispensable one of the basic elements, our background color or picture settings and the color of the connection font, all put in the <BODY> tag inside. Explain:

Background color	Usage: <body bgcolor= "color code" > Set background color. Some people will say: "I have set the background picture, the background color still useful?" "Of course it works!" When the user is connected to your station, if the background image has not yet been displayed, it will first show the background color, you say, is not more than a piece of gray ash more good-looking!
Raw code	<HTML> <HEAD> <TITLE> This is the title </TITLE> </HEAD> <body bgcolor= "#F9E6A2" > This is the area of this article </BODY> </HTML>
Show results	Click here to see the demo effect

Background image	Usage: <body background= "picture name, Path" > Set background image. Pictures can be JPG or GIF format pictures, strongly suggest: The image is not too large, otherwise the page load will be very slow.
Raw code	<HTML> <HEAD> <TITLE> This is the title </TITLE> </HEAD> <body background= "Bg.jpg" > This is the area of this article </BODY> </HTML>
Show results	Click here to see the demo effect

　　Page content, connection text color settings

1. How to use : <body text= "#000000" link= "#0000ff" vlink= "#ff00ff" alink= "#ff0000 >

2. Label explanation : Use the color attribute in the font label, you can set the color of the text, but there is no mention of the color of the text how to modify the value, this <BODY> tag, there is a set page content, connection and other text color values. Usage is as follows:

Web page content Color	Usage: <body text= "color code" > Set general text color, that is, if you don't specifically set the text color, the browser will display the color you set.
Raw code	<HTML> <HEAD> <TITLE> This is the title </TITLE> </HEAD> <body text= "#0906A2" > This is the area of this article </BODY> </HTML>
Show results	Click here to see the demo effect

Connection color	Usage: <body link= "color code" > set "Connection" color. As long as there is a connection to the place will appear you specified color, of course, if you click on the connection, it will become another color, the following will be explained.
Raw code	<HTML> <HEAD> <TITLE> This is the title </TITLE> </HEAD> <body link= "#FF6600" > <a href= "http://www.webjx.com" > Connection text </A> </BODY> </HTML>
Show results	Click here to see the demo effect (set the connection to orange)

Color when connecting	Usage: <body alink= "color code" > set "click Connect" color, that is, when you click on the connection of the mouse to display the color of the moment.
Raw code	<HTML> <HEAD> <TITLE> This is the title </TITLE> </HEAD> <body alink= "#BLUE" > <a href= "http://www.webjx.com" > Connection text </A> </BODY> </HTML>
Show results	Click here to see the demo effect (click the mouse to connect the moment will appear we now set the blue)

Connected colors	Usage: <body vlink= "color code" > set "click Connect" color, that is, if the connection has been clicked, then the color displayed. The idea is to make it easy for users to identify which connections have been gone and which connections have not been clicked.
Raw code	<HTML> <HEAD> <TITLE> This is the title </TITLE> </HEAD> <body vlink= "RED" > <a href= "http://www.webjx.com" > Connection text </A> </BODY> </HTML>
Show results	Click here to see the demo effect (set the clicked connection to appear in red)

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More