Heading Tags and List Tags


Two of the most common formatting strategies for making your pages easy to read are the judicious use of Headings and Lists. HTML offers a number of handy ways to jazz up your page along these lines.


Heading Tags

There are six different preset heading sizes in HTML

From the obscenely large to the medium sized

To the fairly reasonable sized

To the pretty small and all the way down to
The very very small

The biggest heading tag is <H1> </H1>
The smallest size tag is <H6> </H6>


How to Make Lists!

One of the most useful things to know in HTML is how to make lists.

There are two basic kinds of lists:

  1. The numbered list (aka the ordered list)
  2. The bullet list (aka the unordered list)

Lists are easy but they require two different tags to create:

To create an ordered list you need the <ol> </ol> tag
To create an unordered list you need the <ul> </ul> tag

Then, to tell the browser which things are list items you simply put the <li> tag in front of whatever you want in the list

So the final HTML product for a numbered list would look something like this:

<ol>
<li> Here is the first item in the list
<li> Here is the second item in the list
</ol>

And the cool thing about these lists is that the browser automatically knows to add either numbers or bullets in front of each item in your list.