MAQ Learning

HTML Text Formatting

HTML allows you to format text to enhance its appearance and readability. Text formatting includes changing text styles, making text bold or italic, underlining, and more.

Common Text Formatting Tags in HTML

  • <b> - Bold text
  • <strong> - Important text
  • <i> - Italic text
  • <em> - Emphasized text
  • <mark> - Marked text
  • <small> - Smaller text
  • <del> - Deleted text
  • <ins> - Inserted text
  • <sub> - Subscript text
  • <sup> - Superscript text

Bold Text - <strong> and <b>

  • <strong> tag: Indicates strong importance, often displayed as bold.
  • <b> tag: Represents bold text.
<strong>This text is strong.</strong> 
<b>This text is bold.</b> 

Italic Text - <em> and <i>

  • <em> tag: Emphasizes text, typically displayed as italic.
  • <i> tag: Represents italicized text.
<em>This text is emphasized.</em> 
<i>This text is italic.</i> 

  1. Underline Text - <u>

  • <u> tag: Renders text with an underline.
<u>This text is underlined.</u> 

Strikethrough Text - <s> and <del>

  • <s> tag: Displays text with a strikethrough.
  • <del> tag: Represents deleted or removed text.
<s>This text has a strikethrough.</s> 
<del>This text has been deleted.</del> 

Subscript and Superscript - <sub> and <sup>

  • <sub> tag: Displays text as a subscript.
  • <sup> tag: Renders text as a superscript.
H<sub>2</sub>O (Water) 
x<sup>2</sup> (x squared) 

Using Text Formatting Tags in HTML

Choose the Appropriate Tag:

Select the appropriate text formatting tag based on the desired effect.

Wrap Text with the Tag:

Enclose the text you want to format within the chosen HTML tag.

<strong>This text is bold.</strong> 

Combine Formatting Tags:

You can combine different formatting tags to apply multiple styles to the same text.

<em><strong>This text is emphasized and bold.</strong></em>

Summary

HTML text formatting tags enable you to enhance the appearance and emphasize specific parts of your text. By using these tags appropriately, you can improve your content's readability and visual appeal.

This step-by-step tutorial provides an introduction to common text formatting tags in HTML, allowing beginners to understand and apply various styles to text effectively!

Experiment with different text formatting tags to understand how they affect the appearance of text on your web pages!