Can you believe we are at lesson three already?

By now you should have a HTML document with some nicely formated text.

In this lesson we will learn how to add images and links.

First lets talk about hypertext linking to another file. In order to make this work we need the URL (Uniform Resource Locator) of the file you would like to make a link to. We can’t link to something if we dont know where it is.

Now lets add a link to this site:

Example:

This is a great place to learn HTML

Code:

This is a great place to <a href=”http://www.stcfx.com“>learn HTML</a>

Now when someone clicks on the words learn HTML they will be taken to this site.

Ok now we will learn how to add a link within the same document. This is useful if you have a large document and would like to add links to different parts of it to help users get around.

Example:

This is my document, and this is my text. Now lets jump to another part of my document.

This is more text in my document.

This is where we end up.

Code: 

This is my document, and this is my text. Now lets <a hre=”#jump”>jump</a> to another part of my document.

This is more text in my document.

<a name=”jump”>This is where we end up.</a>

Still with me? Awesome!

Lets add some images. We need some information before we do this; URL of image, hieght and width of image.

Code:

<img src=http://mysite/location/of/my-image.gif height=”200″ width=”200″ alt=”This is my image”>

Looking Good!

Next lesson we will work on color and placement.

About The Author

Written by MissDanni
MissDanni is a jill of all trades, from web design to web promotion and everything in between, you might just say web everything. Working in the web industry since 2000 she continues to learn new things everyday. "Nothing is impossible if you are willing to take the time to learn and make mistakes."

Other posts by MissDanni

Suggested Reading

Christmas Gifts
Buy Amazing Christmas Gifts on Walmart for your family [..]
US Colleges
Choose the right college with our site. Check some [..]