November 29, 2006
HTML for Bloggers… (2) HTML Headings
In this lesson, we are going continue our discussion about HTML for Bloggers by talking about "Heading" tags. What is a Heading Tag? Heading Tags Let’s do this a little backwards. I want to show you what a heading tag looks like, then I want to show you the effect. Then I will talk about the use. Remember from our last lesson that tags surround the text with a ’beginning tag’ and an ‘ending tag’. The same is true with the Heading Tag. Consider the following heading tags:
Now look at the affect each has on the text:
Do you see the pattern? Of all of the Heading Tags, the H1 makes the text the largest and the H6 the smallest. How do I use a Heading Tag? Heading tags give you the ability structure your webpage in a heirarchical format, where the H1 would be the document title heading and H2 through H6 are a way to subdivide the text into smaller segments. For example. Let’s say your wrote an article about selling on eBay. Let’s look at a sample structure: title: Selling on eBay Topic 1: How to List an Item Topic 2: How to Collect the Money Topic 3: How to Ship an Item Let’s apply the Heading Tags.
Now let’s look at the effect:
Notice that the title (H1 Tag) is the largest text and that the Topics (H2) are just a little bit smaller. This naturally shows the reader that "Selling on eBay" is the title and that the other smaller, but bolder headings are topics. In summary:
- Heading tags are used to give your reader/visitor visual cues as to how your web page is organized.
- There are 6 Heading Tag options – H1, H2, H3, H4, H5, H6.
- The H1 tag displays text the largest, relatively speaking
- The H6 tag displays text the smallest, relatively speaking
In the next lesson, we will explore "Paragraph" tags. Till Then…
Filed under HTML by .

Leave a Comment