Lesson 6: Links
The anchor tag comes with the href attribute. It means “hpertext reference”. This attribute tells the browser where to find a link. A link to a web page within the same directory (folder) of the website would look like this:
The href attribute contains the file name of the destination web page. The file name is enclosed in quotation marks and it includes the html extension. The text between the opening and closing a tag is the link people will click. To keep things simple, for now place all your web pages in the same folder (directory).
Linking to another website is done by putting the entire website address (url) into the href attribute:
Be sure that http:// is included in the website address. Turning an image into a link is done by surrounding the img tag with the opening and closing a tags:
Replace filename.html with the file name of the page or website address, and replace filename.jpg with the file name of your picture.
By default image links have a blue border around them, the border can be removed by adding the style attribute with a CSS border command:
<img src="filename.jpg" style="border:0;" />
<a href="mailto:waterart.bizland.com">here goes what people click</a>
Notice there is a colon between mailto and the email address and that they are enclosed in quotation marks. By the way, in case you haven’t noticed by now, there is a space between the a and the href attribute.And that's how to make links, next we're going to make a list in lesson 7.
© 2010 HTML Made Easy