Headings

It is usually nice to start the page with a heading which is bigger than normal. In HTML you can do this using tags. Here's the basic page again;

<html>
<head>
<title >My Home Page with a heading</title>
</head>
<body>
<h1>My Heading</h1>
<P>You write things here...
</body>
</html>

Click your mouse here to view this new page. Pretty basic isn't it?

Did you notice that the title has changed at the top of the browser. It now says; 'My Home Page with a heading.' Of course, the text written within the <h1></h1> tags is bigger than the rest. If you forget the end tag (</h1>) then you would find that all the text was big. The actual size depends on the browser settings. Here are the heading tags;

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p>This is normal text!</p>

Click here to see them in action!

Hey! What are those <p> tags? How did they sneak in? Earlier we mentioned that you have to tell the browser what to do, these tell it to start a new paragraph. If you don't tell the browser to do this, it will show all the sentences one after the other.

It will recognise a space, but if you do a carriage return, as you normally would with a word processor, the browser will ignore it, and you won't get your new paragraph!

See it in action!

However, the browser does insert a paragraph or carriage return after certain tags, such as headings. Did you notice that a new paragraph was created after the headings even though we didn't put a <p> tag in? See above!

If you use the <p> tag then the next line will begin after a blank line.
(This line would be blank.)
If you want the next line to begin below the current one without a blank line, then you would use <br> (Called a line break) instead of <p>

Well, we have solved most of the really basic questions about making a web page. We can use headings, make paragraphs and create the basic document. Really, we've mad a great deal of progress, however, what about making some text bold etc? Click here to make comments in HTML!

[back to: introduction][home][contents][on to: Comments in HTML]

I am always pleased to hear from you.
Send your comments to Ken Ward
and please visit: The New Life Course

Ken Ward's HTML Tutorial ...

Headings