|Home | Web Design Tutorials | Free Graphics | Newsletter | Products | Specials | SEO | Sound Effects | Member Perks | Member Login|
HTML Heading Tutorial
Browser SupportHTML headings are used similar to newspaper headlines and sub-headlines. There are six heading tags, with each one representing a different size of text. The size can be further defined using CSS.
Here are the six headings:
<h1>h1 heading</h1> <h2>h2 heading</h2> <h3>h3 heading</h3> <h4>h4 heading</h4> <h5>h5 heading</h5> <h6>h6 heading</h6>
Here's how that looks on a web page:
The headings may look a little different on your computer. I use CSS to change the look of headings so I had to use an image to represent the different heading sizes, but the image will give you a pretty good idea.
Also, some fonts are just bigger than other fonts, so the font you use can change the size as well.
The search engines give more weight to the text in headings than plain text, and the bigger the heading size the more weight it gets. By using CSS to control the size of the heading, you can use bigger headings so they have more weight with the search engines, and yet they don't look awkward on the page being oversized.
Based on your interest in this tutorial you may also be interested in:
This concludes the HTML Headings Tutorial.
Check out SEO for YOU now!
Almost a NewsletterSubscribe today for exclusive website design tutorials and grab some free gifts to boot! Learn more, or subcribe below:
Did you know...The member's site has about 100 standards compliant HTML and CSS tutorials, 31 handy reference charts, reprintable content, web graphics, exclusive fonts, free software, free ebooks and more? All this for less than 9 cents a day! [ Details ]
Home | Web Design Tutorials | Free Graphics | Newsletter | Products | Specials | SEO | Sound Effects