Information Computing and Technology Services

Structure your Content Using Headings and Paragraphs

This posts outline for beginning webmasters how to structure a CommonSpot page using html codes. This discussion is on chunks, paragraphs and headings. 

Think of your favorite book. 

This book has a title—only one main title—and the information in your book is divided into chapters with each chapter having its own title. This is also true for well-built web pages. There is a main heading—there’s only one—and the content is “chunked” into sections made up of paragraphs. Each section has its own heading.  

Not only does using this basic hierarchical structure make your content easy to read, it’s also accessible to a screen reader which helps those users who might be listening to your page. 

A very simple page’s code starts out like this:

This is my main title!

Section 1

blah, blah, blah, blah, blah, blah

Section 2

blah, blah, blah, blah, blah, blah

Section 3

blah, blah, blah, blah, blah, blah

To see how this works, view this VIDEO DEMO [1:40] on formatting a CommonSpot text block.
 
But how does CommonSpot know what size and color to make the headings and paragraphs? It follows the instructions in a CSS style sheet, but you are free to change these styles using the toolbar formatting buttons. Future posts will discuss how to create and upload your own stylesheet to CommonSpot. 

Want to learn more? Here is a link to the w3 schools website: http://www.w3schools.com/html/ or a YouTube search will uncover zillions of videos to help you get started.
Need Help?