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...

4. Alternatives to HTML

It's not necessary to learn HTML to create websites, there are plenty of programs that can create...

4.3. Templates

The WYSIWYG editor by itself is very good at creating pages of text, colours and images, but what...

4.1. WYSIWYG Editor

To easily create and edit pages for your website without having to install anything you can use...

3. Uploading

This section covers getting the website, files and pictures you have created onto your Valcato...