Formatting Page Content in HTML

on

Markup:

Tags(known as markup) are added to the content of the page to provide some meaning. These tags allow browsers to format page content and set appropriate structure of your page.

Structural markup:

These are used to describe headings and paragraphs.

Semantic markup:

These are used to provide extra meaning to the text such as making the text bold, italic etc.

Headings:

<h1>

<h1>This is a Main Heading</h1>

<h2>

<h2>This is a Level 2 Heading</h2>

<h3>

<h3>This is a Level 3 Heading</h3>

<h4>

<h4>This is a Level 4 Heading</h4>

<h5>

<h5>This is a Level 5 Heading</h5>

<h6>

<h6>This is a Level 6 Heading</h6>
Browsers display the contents of these heading in different headings. The content written inside the <h1> tag will be displayed largest, and the content written inside <h6> tag will be displayed smallest.

Output:

Paragraphs:

Paragraphs are used to combine one or more sentences as a single unit. Text is often divided into paragraphs to make it more readable.

<p>

To create a paragraph wrap your text in a starting <p> and an enclosing </p> tag.
<p>Paragraphs are used to combine one or more sentences as a single unit. 
Text is often divided into paragraphs to make it more readable.</p>


<p>To create a paragraph wrap your text in a starting <p> and an enclosing </p> 
tag.</p>

Output:


Let me know in the comment section if you have any question.

Previous Post:
Basic Page Structure