Heading

  • Purpose: To structure content with different levels of importance. Heading is used as HTML text formatting tags.
  • Tags: <h1>, <h2>, <h3>, <h4>, <h5>, <h6> (from largest to smallest heading size)
  • Example: 
<h1>This is a main heading</h1>
<h2>This is a subheading</h2>
<h3>This is a smaller subheading</h3>

Result

 

Paragraph

  • Purpose: To organize text into distinct blocks.
  • Tags: <p>
  • Example:
<p>This is the first paragraph.</p>
<p>This is the second paragraph.</p>

Result

Bold

  • Purpose: To emphasize text by making it appear bolder.

  • Tag: <b> or <strong> (<strong> is semantically preferred)

  • Example:

<b>This text is bold.</b>
<strong>This text is also bold (and semantically better).</strong>

Result


 

Italic

  • Purpose: To emphasize text by making it appear slanted.
  • Tag: <i> or <em> (<em> is semantically preferred)
  • Example:
  •  
<i>This text is italic.</i>
<em>This text is also italic (and semantically better).</em>

Result

 

Underline

  • Purpose:To emphasize text by underlining it.
  • Tag: <u>
  • Example:
    •  
<u>This text is underlined.</u>

Result


 

Strikethrough

 
  • Purpose: To visually indicate that text is no longer relevant or accurate.

  • Tag: <strike> or <s>

  • Example:

  •  
<strike>This text is no longer valid.</strike>
<s>This text is also struck through.</s>

Result