Tips for making Web pages

Source: Internet
Author: User
Tags implement net
Tips | Web page making tips two
How do I make hypertext links in the same page appear in different colors

Usually set the color of the connection in the <body> of the Web page, such as: <body link= "#FF00FF" vlink= "#FF0000" alink= "#008080" >
Where: Link--Hyperlink (connection) color
vlink--visited Hyperlink (visited connection) color
alink--Active Hyperlink (currently active connection) color
The color is #ff0000 with an RGB 16 code, such as red.

But if you want to have a different color for the connection in a Web page, you'll need to use the Style keyword in the connection, for example:
<p><a name= "Top" >top</a></p>

<p><a href= "#top" style= "Background-color:rgb (255,255,255);
Color:rgb (129,0,0) ">Maroon</A>

<p><a href= "#top" style= "Background-color:rgb (255,255,255);
Color:rgb (255,165,0) ">Orange</A>

Maroon (RGB of maroon is #800000)
Orange (RGB of Orange is #ffa500)
You can make a switch based on Rgb-->hex's prompts.

How to remove the bottom line from a hypertext link

Just in the <HEAD>
<TITLE>tip</TITLE>
<STYLE>
<!--
A{text-decoration:none}
-->
</STYLE>
</HEAD>

If you only want a link in the page that doesn't have a bottom line, add:
<a href= "Your Link" style= "Text-decoration:none" >TEST</A>

Remove the image from the outer frame

Often see some pages of the image around there will be an indecent frame, in fact, because of the image generated when the join, NN automatically set its Solid border to 2, as long as the change to 0 on the OK (Solid border at the bottom right of image properties)

How to make the search engine find your Web page

To modify the blue section:
<meta content= "Exquisite Heart, Mimi" Name= "Keywords" >

Solve the problem of garbled and misplaced pages

Many of the home page requires the browser to choose the decoding method, otherwise you will see the incorrect format, such as garbled, misplaced or not correct line. The solution is to set up meta statements so that you do not have to choose the decoding method, you can browse your homepage according to your own settings, and you can wrap the line automatically. Statement as follows:

<HEAD>
<TITLE> decoding mode </TITLE>
<meta http-equiv= "Content-language" content= "ZH-CN" >
<meta http-equiv= "Content-type" content= "text/html;
charset=gb2312 ">
</HEAD>
Set the decoding mode to Simplified Chinese GB code.

Implement automatic Web page refresh

Usually HTML files require viewers to choose what to browse, and if you want to automatically replace the displayed content, you typically use JavaScript, Java, or CGI to do it. It is now possible to automatically replace the display with meta implementation, and the time and files for replacement can be set themselves. Statement as follows:
<HEAD>
<TITLE> Refresh Content </TITLE>
<meta http-equiv= "REFRESH" content= "X"; Url=*.* ">
</HEAD>
X is the time of the refresh, in seconds. *.* is the refreshed file. Use < META > tag to implement automatic Web jump.
Displaying a welcome message on the Web, which automatically jumps to other Web pages after a certain number of seconds, can create novel results. The implementation method is to add the following statement between the < head > and < meta http-equiv= "Refresh" content= "second number; Url= jump file or address ">
If you store a welcome message Image: Welcome.gif in the same directory as the HTML document, the following HTML file displays the image in the browser and automatically jumps to Mimi's home page after 3 seconds: http://mimi.yeah.net
< HTML >
< head >
< TITLE >WELCOME</title >
< meta http-equiv= "Refresh" content= "3; Url=http://mimi.year.net ">
Multiple content similar to the background of different pages, so that they automatically jump to each other at a certain time.




Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.