Call: 800-924-5220 Tour
Tour FREE TRIAL User's Guide


Using HTML Heading Styles


Creating a great looking web page is almost as easy and creating a great looking Microsoft Word document.


With web content - the person reading the page will always have some control over the size and layout of what they see.  You're not writing to fit on a blank sheet of paper that will always be 8.5 by 11 inches. You're writing for smart phones, 27 inch monitors, and everything in between.  Some people zoom in, others zoom out. Some people set their browser theme to Hello Kitty and apply filters to translate content into pirate lingo... It's the wild west out there.

One important thing you can do to keep your content looking great for everyone is to use the built in Heading styles consistently on your pages and posts.

In a nutshell - there are six standard Heading styles that have been 'built in' to website design since the beginning of time.  They range from Heading 1 - the biggest, to Heading 6 - the smallest.


Use them for titles and headings of page sections and wherever you need a line of enlarged text on your page.  Apply them in any page or post area that allows formatting by selecting the desired text and clicking the Style button.

But use them consistently.

Your site will look a lot more professional if each page uses Heading 1 and Heading 2 - or maybe you will decide Heading 1 is too big and go with Heading 2 and Heading 3.  But if you use different Heading styles all over your site with no consistency - your site will look unprofessional and weird.

Not as weird as this site that is just a guy calling his friend Dan over and over - but it will still be weird.

Share this page