Beginners in web page production: learn to use HTML hyperlink A tag_HTML/Xhtml_web page production

The hyperlink a tag represents a link point, which is the abbreviation of English anchor. Its function is to connect the text or pictures at the current location to other pages, texts or images. This is well known, but its grammatical structure may be a little unknown, and to use it effectively you must understand its grammatical structure. . The hyperlink tag represents a link point, which is the abbreviation of English anchor. Its function is to connect the text or pictures at the current location to other pages, texts or images. This is well known, but its grammatical structure may be a little unknown, and to use it effectively you must understand its grammatical structure. . The basic syntax structure of the tag is:
class=type
id=value
href=reference
name=value
rel=same|next|parent| previous
rev=value
target=window
style=value
title=title
onclick=function
onmouseout=function
onMouseOver=function>
It can be seen from the grammatical structure of the tag that there are many parameters to choose from when setting a hyperlink to achieve different link effects. Is this a bit unexpected? !
The class and id options: used to set the type of the link point and the assigned ID number, usually not set. The two most commonly used parameters are href and name. href is the abbreviation of hypertext reference, which is used to set the link address. The link address must be a url address. If no specific path is given, the default path will be the same as the path of the current page. The files linked to are also divided into several situations: if it is an HTML file, it will be opened directly in the current browser; if it is an executable file (.exe file), it will be directly executed or downloaded. The file we provide for download is used. This feature is used; if it is a text file such as a word format file, the file can be opened in the browser and can be edited and processed.
rel: Indicates setting the link relationship: rel=same indicates that the file to be linked is the same as this file, rel=next indicates that the file to be linked is the next page, rel=parent indicates that this file is the parent of the file to be linked. file, rel=previous means that the file to be linked is the previous page.
rev: used to set reverse links.
target: sets which window to link to when using a frame window, and target="_bank" means opening a new window to open the web page.
title: used to set the title displayed when the link point is selected.
onclick: Corresponds to an event. When the link point is clicked, this event will be triggered and the corresponding subroutine will be executed.
onmouseover: Similar to onclick, the corresponding event is triggered when the mouse moves over the link point.
onmouseout: The corresponding event is triggered after the mouse moves out of the town contact.
A few examples: Return to the homepage
Play the voice file
Execute the corresponding program
Open the corresponding program Processing of documents
Application skills
1. Provide download files
Many netizens have written to ask how to provide download effects. In fact, it is still a hyperlink, but the file for download must be uploaded to the website. Example: There is a "Web Page Skills" file package for download. The file name is "homepagejq.zip" and has been uploaded to the website. The code for this link can be written like this: Click here to download the "Web Page Skills" file package .
　2. Open the linked web page in a new window
Set the value of "target" to "_blank". Example: Open the web page "aboutme.htm" in a new window. The code that produces this effect is: About me....
　3. Move the mouse to the link and display a line of description text
Set the "title" parameter value to obtain this effect. Example: When the mouse moves over the link "Script Home", the description "This is a professional website introducing webpage production techniques" is displayed. The code of this link is like this: webpage production skills">Script House.
　4. Move the mouse to a link and a window will pop up
This is the effect obtained by setting the onmouseover parameter. Example: When the mouse moves over a link, a window pops up and displays "Mouse hover effect demonstration!" in the window. The code for this link is like this: Link. A similar method can be used to create the effect of a prompt window popping up when the mouse is pressed and a prompt window popping up when the mouse is left.
　5. Link to the specified content of this page
To achieve a link to a certain part of the content of this page (that is, "jump within the file"), the name of the link point must be specified with the parameter name. Select a piece of text and name it with the name parameter for linking. The so-called jump within the same file means that when the reader is reading a very long file, if he is only interested in a certain part of the content, he can use a jumping reading method. The basic format is:
Part 2The content of the first part...
............. ........................
The actual content of the second part...
..... ....................................
　This way when you click "Part 2" After this hyperlink, it will automatically be transferred to the "Second Part Actual Content" place. The link point name defined by the "name" parameter can be chosen arbitrarily, but the link point name in the "href" parameter of the link must be consistent with it. Don't forget to add "#" in front.
　6. Link to the specified content location of other pages
The method is similar to the above example, but the file name of the web page must be added before the link point name in the "href" parameter. Example: There are two web pages, page1.htm and page2.htm. Each page has two parts of content. Now we want to create a hyperlink in page1.htm. When the link is clicked, it will go to the second part of page2.htm. superior. Then we can do this. First, write this code at the beginning of the second part of page2.htm: ; write such a link code in page1.htm: The second part of page2 Partial content .
　7. Link to E_mail
After clicking a hyperlink, the email management software on the client computer will be launched to write you a letter. Take this line of code: Please write to me. Once you click on the link "Please write to me", the writing function of the email management software (such as OE) will be automatically launched, and the email address will be added to the address bar of the recipient.
Links can not only use text as a carrier, but also images as a carrier, and can also use a certain part of the picture as a carrier, and can achieve the above effects. The method is also the same, the only difference is the carrier, that is, the link The part between the two square brackets, so I won’t give another example.