HTML › links |
||||||
|
The whole idea behind hypertext is to link pages and images together in a non-linear manner. So it makes sense that I show you how to establish those links, don’t you think? Let’s get moving! ••• internal links A simple textual link to a page internal to your site looks like this within your HTML code: This code will render like this in your browser: The “a” portion of this tag stands for “anchor;” “href” is an attribute of this anchor tag and stands for hypertext reference. The address for that hypertext reference is enclosed in quotation marks and indicates, in this case, that the browser should look for a document called “samplelink.htm” within the same directory as this document. Notice that an anchor tag requires a closing tag; what is within those opening and closing tags is what will show up in your browser window to direct your user to a new page. ••• external links If you want to link to a page external to your website, to a page created by someone else, you need to include the entire URL (or HTTP address) in the address portion of the anchor tag. Here’s an example: This code will render like this in your browser (and will send you to HTMLGoodies.com): Click here to go outside this website. If you clicked on the link above, you will note that HTMLGoodies.com opened up in a new browser window. That is because I added the target="_blank" attribute to the anchor tag. This attribute — you guessed it — tells the browser to open up the referenced page in a blank window.
••• e-mail links You can add an e-mail link to your pages, too. The code looks like this: This code will render like this in your browser: If you were paying attention when you moused over the “E-mail me!” link above, you noticed that a small box with the words "click here to send me a message" appeared on your screen. This text label (similar to an <alt> tag used with images — we’ll get to that) was accomplished with the following title attribute: It is not required that you include add a title attribute to your links. It can, however, be a useful tool, another way to make your site user-friendly.
| ||||||
|
› links |