Welcome to my website.

Now, this doesn't say very much as yet, but it's going to get more interesting, I promise. Lets take a look at the HTML code used to produce what we've got above. It looks like this:
<HTML><HEAD><TITLE>My test website</TITLE></HEAD>
<BODY><H1>Welcome to my website.</H1></BODY></HTML>

Elements of the markup language

<HTML></HTML>
- This tells the browser that its looking at a webpage. Note that everything will be done within these two tags. Anything outside them will be ignored.

<HEAD></HEAD>
- This is the header information, which includes things like title, meta tags and so on.

<TITLE></TITLE>
- Unsuprisingly, this is where the title data goes.

<BODY></BODY>
- This is where the body of the page will go.

<H1></H1>
- This is a text header tag. These range from <H1>(largest) to <H6>(smallest)

Welcome to my home page

This is the first section, in <H2>

This is normal text within the paragraph.
I've now created a line break.

And now started a new paragraph.

HTML to create the section above

If this was a completely new page, we'd still have all the previous markup in it, such as the <HEAD>, <TITLE> tags etc, but I'll just introduce you to the new material. The HTML code looks like this:
<CENTER><H1>Welcome to my home page</H1></CENTER>
<H2>This is the first section, in &lt:H2&gt:</H2>
<P>This is normal text within the paragraph.
<BR>I've now created a line break.</P>
<P>And now started a new paragraph.</P>

<CENTER></CENTER>
- This puts whatever is inside it in the centre of the page. Note the US spelling!

<H2></H2>
- Another example of a different heading

&lt:H2&gt:
- Because the < and > tags are used by the browser to work out what it's to do with certain things, it is necessary to use different codes to indicate them.

<P></P>
- Begins and ends a paragraph.

<BR>
- This forces a line break. Note that it doesn't have a closing tag.

Welcome to my home page

This is the first section, in <H2>

This is normal text within the paragraph.
I've now created a line break.

And now started a new paragraph. See? It starts to get interesting now!. Well, at least I think so!

This text is in a paragraph which is left aligned

This is aligned to the centre.

And, with no suprise, this is aligned to the right.

Element attributes

<P>And now started a new paragraph. See? It starts to get <B>interesting now!</B>
Well, at least <I>I think so!</I></P>
<P ALIGN="LEFT">This text is in a paragraph which is left aligned</P>
<P ALIGN="CENTER">This is aligned to the centre. </P>
<P ALIGN="RIGHT">And, with no suprise, this is aligned to the right.</P>

New elements

<B></B>
- Emboldens text

<I></I>
- Puts text into italics

<P ALIGN="LEFT">
- Aligns the text to the left, centre or right as specified

Welcome to my home page

This is the first section, in <H2>

This is normal text within the paragraph.
I've now created a line break.

And now started a new paragraph. See? It starts to get interesting now!. Well, at least I think so!

This text is in a paragraph which is left aligned

This is aligned to the centre.

And, with no suprise, this is aligned to the right.

Ok, those are some of the simple things you can do with text. Lets start to include a few more things - one last textual element, and then go onto some links and pictures.

You can have

Unordered lists
- like these, which allow you to
  - get narrower and narrower

Or you can have ordered lists
Which give you numbers
Like these

Element attributes

<UL><LI>You can have</LI></UL>
<UL><LI>Unordered lists<UL>
<LI>like these, which allow you to<UL>
<LI>get narrower and narrower</LI></UL></LI></UL></LI></UL>
<OL><LI>Or you can have ordered lists</LI>
<LI>Which give you numbers</LI>
<LI>Like these</LI></OL>

Explanation

<UL></UL>
- Unordered list, opening and closing tags

<LI></LI>
- List element, opening and closing tags

<OL></OL>
- Ordered list, opening and closing tags

Right. Thats enough of that. Lets move onto some more interesting stuff. Here's a link to a new page.