Friday, 9 December 2016
HTML Links
A link is the "address" to a document (or a resource) on the web.
Hyperlinks, Anchors, and Links
In web terms, a hyperlink is a reference (an address) to a resource on the web.
Hyperlinks can point to any resource on the web: an HTML page, an image, a sound file, a movie, etc.
An anchor is a term used to define a hyperlink destination inside a document.
The HTML anchor element , is used to define both hyperlinks and anchors.
We will use the term HTML link when the element points to a resource, and the term HTML anchor when the elements defines an address inside a document..
An HTML Link
Link syntax:
Link text
The start tag contains attributes about the link.
The element content (Link text) defines the part to be displayed.
Note: The element content don't have to be a text. You can link from an image or any other HTML element.
The href Attribute
The href attribute defines the link "address".
This element defines a link to W3Schools:
Visit W3Schools!
The code above will display like this in a browser:
Visit W3Schools!
The target Attribute
The target attribute defines where the linked document will be opened.
The code below will open the document in a new browser window:
Visit W3Schools!
Try it yourself
The name Attribute
When the name attribute is used, the element defines a named anchor inside a HTML document.
Named anchor are not displayed in any special way. They are invisible to the reader.
Named anchor syntax:
Any content
The link syntax to a named anchor:
Any content
The # in the href attribute defines a link to a named anchor.
Example:
A named anchor inside an HTML document:
Useful Tips Section
A link to the Useful Tips Section from the same document:
Jump to the Useful Tips Section
A link to the Useful Tips Section from another document:
Jump to the Useful Tips Section
Basic Notes - Useful Tips
Always add a trailing slash to subfolder references. If you link like this: href="http://www.w3schools.com/html", you will generate two HTTP requests to the server, because the server will add a slash to the address and create a new request like this: href="http://www.w3schools.com/html/"
Named anchors are often used to create "table of contents" at the beginning of a large document. Each chapter within the document is given a named anchor, and links to each of these anchors are put at the top of the document.
If a browser cannot find a named anchor that has been specified, it goes to the top of the document. No error occurs.
Link Tags
Tag
Description
Defines an anchor
0 comments:
Post a Comment