2.3. A Guide to HTML

Great, so now you can create an HTML page of differently formatted text, but websites are much more than that. You need things like images and hyperlinks.

Images

Images play a very important part in websites, after all a picture is worth a thousand words. So to put a picture on your webpage we need the IMG tag:

<IMG SRC="fred.jpg">


In between the speech marks you need to type the name of the image, followed by a full-stop (.) and then the file extension. HTML is very particular about filenames and you must get it exactly right, it is case sensitive so Fred.jpg is not the same as fred.jpg.

Hyperlinks

Hyperlinks are more commonly known simply as links. They are underlined pieces of text that when clicked take you to another webpage. You can create a link as follows:

<A HREF="family.html">Read about my family</A>


In between the speech marks you need to type the name of the page, followed by a full-stop (.) and then the file extension (in most cases this is html). Just as with images the filename is case sensitive.
You then need to type what you want the link to say, this should usually be a description of what the page is about.

So just to summarise what you might have so far:

<HTML> <HEAD> <TITLE>My First Webpage</TITLE> </HEAD> <BODY BGCOLOR="#FF0000"> <CENTER><B>Welcome</B></CENTER> <FONT FACE="Arial" SIZE="3">This is my very first webpage, I'm going to write a bit about myself, my family and my pet hamster Fred (pictured below).</FONT> <P> <IMG SRC="fred.jpg"> <P> <A HREF="family.html">Read about my family</A>

Next: A Guide to HTML Page 4

Was this answer helpful?

 Print this Article

Also Read

2.4. A Guide to HTML

That's all there is to it, now all that's left is closing all the tags we opened at the beginning...

1. Website Guide

So now you've got some hosting and a domain name, but now you need to create your website?...

2.2. A Guide to HTML

The body Now we've prepared everything it's time to move onto the content of your page, so you...

6. Getting Noticed

Now you've created your website you want people to look at it, this page includes some hints and...

4.4 Website Builders

Website Builders are a great way to easily create your first website; they're easy to use and...