Text formatting tags: h1 to h6, p, b, i, strong, em
In HTML5 web development, you get many text formatting tools to perform web page text formatting effects, in which the text of the web page website is bold, italic, underlined, paragraph, heading tag, etc. tags are used to structure format and style the web page text. Where the formatting tags introduced in HTML5 serve special text development purposes.
So let us know the text formatting tags introduced in HTML5 better.
HTML5 Heading Tags.
In HTML5 web development, heading tags from h1 to h6 are used to display the text in bold shape in the heading at multiple levels from large to small size. In the heading tag, from Heading1 to Heading6, the web page text content can be displayed from heading to paragraph text order, where blog post text is previewed in large to small font text size in the order from Heading1 to Heading6.
HTML5 Heading Tags Attributes.
- Heading <h1> Tag – h1 tag previews HTML5 web page text in the highest-level text format size. Whereas h1 tag will usually display text in a larger font size in the web page header.
- Heading <h6> Tag – Heading h6 is used in HTML5 web page to preview heading text in the smallest size. Whereas Heading h6 displays web page text at the lowest level like paragraph tag.
Heading Tag Examples in HTML5.
<h1>This Is The Heading Text 1</h1>
<h2>This Is The Heading Text 2</h2>
<h3>This Is The Heading Text 3</h3>
<h4>This Is The Heading Text 4</h4>
<h5>This Is The Heading Text 5</h5>
<h6>This Is The Heading Text 6</h6>
HTML5 Paragraph Tags.
Paragraph <p> tag in HTML5 is used to create text paragraphs in web page. Where paragraph tag helps you to create multiple web page paragraph blocks, where you create single line and multi-line paragraph text and the created paragraph text automatically justifies the text and block.
Paragraph Tag Examples in HTML5.
<p>This Is The Simple Paragraph Tag Text </p>
HTML5 Bold Tags.
The use of bold <b> tag in HTML5 web page displays the web page text in bold or big dark size. Bold text in HTML5 is a styling effect in text formatting’s, where bold tag will preview simple paragraph text in bold dark order.
Bold Tag Examples in HTML5.
<p>Bold Tag Used To Display <b>Bold</b> Web Page Text </p>
HTML5 Italic Tags.
The italic <i> tag in HTML5 web page displays the web page text style format in italic or italicized order. If you want to preview any particular text information in your web page text in italic order, then you can use italic tag. Italic tag previews the normal text by italicizing it in a little vertical down order.
Italic Tag Examples in HTML5.
<p>Italic Tag Used To Display <i>Italic</i> Web Page Text </p>
HTML5 Strong Tags.
In HTML5 web page <strong> tag displays the text in a slightly dark or thick bold shape like bold text, strong tag provides special styling effect to the particular text in the web page. In HTML5 web page strong tag previews any web page text in special formatting’s.
Strong Tag Examples in HTML5.
<p>Strong Tag Used To Display Text In <strong>Strong Bold </strong> Web Page Text </p>
HTML5 Emphasis Tags.
In HTML5 web page emphasis <em> tag previews the text in italic order like italic tag, and previews the web page text in emphasis order. When you want to notice any particular text in the web page.
Em Tag Examples in HTML5.
<p>Emphasis Tag Used To Display <em>Emphasis </em> Web Page Text</p>
Text Formatting Tags in HTML5 Example.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>HTML5 Text Formatting Tag</title>
</head>
<body>
<h1>This Is The Heading Text 1</h1>
<h2>This Is The Heading Text 2</h2>
<h3>This Is The Heading Text 3</h3>
<h4>This Is The Heading Text 4</h4>
<h5>This Is The Heading Text 5</h5>
<h6>This Is The Heading Text 6</h6>
<p>This Is A Simple Paragraph Tag Text</p>
<p>This Is The Without Bold Web Page Text, <b> This Is The Bold Web Page Text</b></p>
<p>This Is The Without Italic Web Page Text, <i> This Is The Italic Web Page Text</i></p>
<p>This Is The Without Strong Web Page Text, <strong>This Is The Strong Web Page Text</strong></p>
<p>This Is The Without Emphasis Web Page Text, <em> This Is The Emphasis Web Page Text</em></p>
</body>
</html>
Text formatting tags in an HTML5 web page.
- Heading tag – In an HTML5 web page, text information is displayed hierarchically from Heading 1 to Heading 6.
- Paragraph (<p>) tag – In an HTML5 web page, text information is previewed in block format of paragraph text.
- Bold (<b>) tag – In an HTML5 web page, text information is previewed in bold order.
- Italic (<i>) tag – In an HTML5 web page, text information is previewed in italic order.
- Strong (<strong>) tag – In an HTML5 web page, text information is previewed in bold order.
- Emphasis (<em>) tag – Text information in an HTML5 web page is emphasized and previewed in italic order.
