<h1>‘ and ‘<p>‘ tags are found in almost all webpages using HTML5 text tags. The ‘<h1>‘ tags are fundamental to HTML5 and also important to learn. ‘<h1>‘ tags are probably one of the most used elements in web design. Almost all webpages have a main heading.

First of all here is the code on line 9 to insert a ‘<h1>‘ heading into a HTML5 page.

As a result this is what it looks like in the browser.

Webpages Using HTML5 Text Tags and main heading while displayed with H1 Tags.
Main Heading While Inside ‘h1’ Tags.

Text is also displayed using ‘<p>‘ tags. So below on line 10 is a set of ‘<p>‘ tags with some text in-between.

As a result this is how the html5 code will appear in a browser.

HTML5 h1 tag html5 p tag

And so now is the time to look at all the available header tags for HTML5 documents.
In addition to the biggest ‘<h1>’ tag there are the ‘<h2>’,'<h3>’,'<h4>’,'<h5>’ and ‘<h6>’ tags. And these are also used for sub-headings.
First of all study the example below. You should also gain an understanding of the HTML5 heading tags and paragraph tags.

Webpages Using HTML5 Text Tags as a result of H1 and P Tags.
Webpages Using HTML5 Text Tags

In Conclusion – Webpages Using HTML5 Text Tags

Maybe the most important tag is the ‘<h1>‘. This is due to it being used for main headings on many webpages. It is also good practice to start a webpage with clear headings. Another reason to use ‘<h1>‘ tags is to communicate the subject matter of the webpage. While ‘<h1>‘ tags are almost mandatory don’t neglect the other heading tags. Another important element in webpages are sub-headings and are created using the other heading tags.

Paragraph tags are also almost mandatory in webpages. Almost every webpage found on the internet contains paragraph text. It is also worth noting that ‘<p>‘ tags like many html5 tags have both an opening and closing tag, ‘<p></p>‘. And also don’t forget the ‘/’ forward slash for the closing tag.

Also keep in mind that headings are ranked by importance. The ‘h1’ tag is number 1 and consequently the most important. And the ‘h6’ is ranked number 6 and consequently the least important. Because heading tags need to stand out they are styled bold by the browser. Furthermore heading tags are styled to align-left on the page. In addition to changing the alignment with css you can also change the font-size. CSS is a rather nice aspect of web design. Due to the browsers styles heading text appears black. Colour is another attribute that can be changed with CSS. While CSS is easy to learn it is also worth using. Therefore I encourage you to look at the CSS tutorials on the ‘Inline Webdesign’ site and elsewhere.

Share!Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on PinterestShare on RedditShare on Tumblr

Leave a Reply

Your email address will not be published. Required fields are marked *