My Third HTML Page

This is the first paragraph of the main body of the HTML Page. You can get the HTML source for this page by right clicking with the mouse anywhere in this text and selecting 'View Source', or selecting source from the browser 'View' menu. Then you should be simply able to save it as an HTML file somewhere. If you right-click on the image on the left, then you will be able to save this too. Save it as 'learnhtmlpt2.jpg' in the same folder as the HTML source for this page.

This is the second paragraph. Notice how the paragraphs are contained within 'p' tags. These identify a paragraph of text in HTML. The heading at the top is contained in 'h1' tags. There are also 'h2', 'h3', 'h3' tags, etc. for other levels of headings.

You will also notice that line breaks in the text are ignored. If you want to create a newline, as opposed to a new paragraph, then there is a 'br' tag which should be used. Since all tags should be properly terminated, the 'br' tag should end itself like this <br />, or this <br/>. In actual fact, the browser will accept <br>, but it is best not to get into bad habits.

The most important part of this HTML page is the contents of the <style></style> tags in the HTML head section. This is responsible for much of the presentation of this webpage, for the colours, the positioning and the fact that the background of this particular paragraph is pink.

Part of the purpose of this exercise is for you to work out how the HTML has made this page look like this. Print out the source and try to understand it. Experiment with changing it to see what happens. I will be explaining this in Learning HTML Part 3.

Just to show how pages are linked, if you wish you can look at the HTML page we built in part 1 by clicking here. I am sure you will agree that this page looks far more interesting.