Hello World

This division contains some text formatted with html tags:

Some italics and some more italics
Some bold and some more italics

Look at the code to see what html tags have produced the formatting. Notice that the h1 tag for "Hello World" uses the (technically) deprecated align attribute?

This division uses CSS to format the text:

This is a paragraph in bold and italics.

This paragraph is in italics but this word is not.

This division shows you how to produce a hyperlink:

This is a link.

This division contains an image:

I've used a trick here. The image is actually contained in a division within the division. For the internal division, I have used some CSS to give it a border and make it 75% of the width the screen. I've also put a 10px margin above and below the division and made the browser automatically calculate the size of the margin to the left and the right, based on the division's width. This has the effect of placing it horizontally in the centre of the screen. A nifty CSS trick!

I've put a secret message in the title attribute. Run your mouse over the image to get see it in the tooltip.

Look carefully at the code, and you'll see that I haven't forgotten to include the ALT text in case the image cannot be seen. This doesn't necessarily happen only when the user is vision impaired. I might have accidentally put the wrong URL in my image tag. For instance, what if I put "not a URL" in there. It would like this:

If you're using Firefox or Internet Explorer, you should be able to see the ALT text.