Markup – Heading tag
The term markup is referring in our case the HTML. As it is discussed in the introductory part , HTML uses different tags/elements and attributes for working with different page contents and also forming the page layout. There are two classification of markup tags as per the nature of the page structure especially for text page content.
Type of Markup
Structure markup
It is used to describe the structure of the document through paragraphs headings and sub-headings and other kind of tags working with content of a text.
Semantic markup
It is used to provide extra information for the content of the page without touching the structure the written content as well as the page structure.
Let’s start with the structural markup major tags/elements used for constructing heading, sub-heading.
Heading and sub-headings
There are different heading levels exist inside of the HTML document. Each of the heading has a different scale depending on the kind of heading we want to construct in the web page for a topic of a paragraph. The heading in the HTML are 6 in type as per the kind scale they are creating for a topic of a paragraph.
Syntax : -
<h1>Headings1</h1>
<h2>Heading2</h2>
<h3>Heading3</h3>
<h4>Heading4</h4>
<h5>Heading5</h5>
<h6>Heading6</h6>
Example : - Write these heading inside of the text editor and see the outcome.
<h1>Introduction to computer</h1>
<h2>Definition of computer</h2>
<h3>Parts of computer</h3>
<h4>Memory</h4>
<h5>CPU</h5>
<h6>Conclusion</h6>Note : –
- Heading with least index has a higher scale and header with a higher index has got a lower scale in forming a topic of a paragraph.
- As it is discussed above , there are different headings in the html for constructing different heading scales. Using them for the content of the page depends on the kind or scale of heading we want to set for the topic we have in our page.
Please do not forget to subscribe the YouTube channel and also visit the facebook page for further notice and resources
Youtube channel : – ecitizen
Facebook page :- www.facebook.come/ecitizenethio