Hyperlinks - the foundation of the Internet. It is because the Internet has become hyperlinks "World Wide Web". Hyperlinks bind together the individual html-pages in the WEB-sites that make up the Internet.
In the brazuera standard text hyperlink appears as underlined blue text. When you hover the mouse over a hyperlink, it takes the form of "finger pointing". When you click on a hyperlink does usually goes to another html-page, URL-address is specified in the parameter hyperlink. A hyperlink can be not only text, but also graphics.
Create a text hyperlink is very simple. To create a hyperlink is sufficient to conclude within the tag < A > any piece of text.
<p> This <a href="index.html">Hyperlink</a> leads to the main page. </p>
If the link should be opened in a new browser window, use the attribute target with the value "_ blank" :
<p> This <a href="index.html" target="_blank">Hyperlink</a> It will open in a new browser window. </p>
Attribute href with the value # forms a "blank" link that leads nowhere.
<p> This <a href="#">Hyperlink</a> It leads nowhere. </p>
Terms hyperlinks standard display:
- hyperlink is highlighted in blue;
- hyperlink stands underlined text;
- the hyperlink, which is already visited by the user, appears dark red color;
- active hyperlink (highlighted cursor) appears bright red color;
- when you hover the mouse cursor over a hyperlink, it takes the form of an index finger.
All of these values can be changed.
Clicking on the hyperlink launches postal mail client that is installed on the operating system on your computer by default. If you want to open a postal address email@example.com - url should look like this:
<p> This <a href="mailto:firstname.lastname@example.org">Postal hyperlinks</a> </p>
Note that the href attribute mail hyperlinks should not contain spaces.
As hyperlinks can act as an image or fragment thereof.
<p> <a href="index.html"><img src="image1.png"></a> </p>
Terms of display images, hyperlinks:
- hyperlink surrounded image-frame, which is one of the colors, depending on the type of hyperlink (see above);
- when the mouse cursor over the image, it takes the form of a hyperlink index finger.
With the anchor point to certain places in the text of html-pages are referenced from other places.
The anchor is created as a hyperlink, but instead attribute href attribute placed ID . The ID attribute must be unique within the current html-pages.
The anchor is "empty" tag inside it did not fit.
<p> text <a ID="anchor-1"></a> text </p>
A hyperlink that leads to the anchor, is as follows:
<a href="index.html#anchor-1">transition to the anchor-1</a>
If the hyperlink and anchor are on the same html-page:
<a href="#anchor-1">transition to the anchor-1</a>
If the hyperlink and anchor are on different sites:
<a href="http://site.index.html#anchor-1">transition to the anchor-1</a>
When you click on a hyperlink does move to a specific html-page and scroll it so that the text marked with an anchor appears at the top of the page.