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…
Spread the word
del.icio.us Digg Furl Reddit Ask BlinkList blogmarks Google Ma.gnolia RawSugar Rojo Shadows Simpy Socializer Spurl StumbleUpon Tailrank Technorati Wists Yahoo! Help











Leave a comment