HTML Formatting

HTML formatting helps you style text and make your web pages more readable and attractive. For example, you can make text bold, italic, underlined, or highlighted. As a result, your content becomes clearer and easier to understand.

Moreover, formatting also improves user experience and accessibility. Therefore, developers use formatting tags to organize and present information properly.

What Is HTML Formatting?

• HTML formatting styles text to improve readability.
• It controls how text appears on a webpage.
• You can apply bold, italics, highlighting, and more.

HTML Formatting Tags

Below are the most commonly used HTML formatting tags. Each tag has a special purpose and improves how users read content.

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

NOTE: However, for advanced styling and design, always use CSS instead of HTML.

Try HTML Formatting Yourself

Now that you understand the basics, let’s test formatting with real code. Click the button below to run the example and see the output instantly.

HTML Formatting Explained with Examples

<b> Tag – Bold Text

This tag makes text bold. For example:

This text is bold.

<strong> Tag – Important Text

This tag highlights important content. Therefore, search engines may treat it with higher value.

This text is important.

<i> Tag – Italic Text

Use this tag when you want to slant your text.

This text is italic.

<em> Tag – Emphasized Text

This tag stresses words semantically. As a result, screen readers give it importance.

This text is emphasized.

<mark> Tag – Highlighted Text

Use this tag to highlight content users should notice.

This is This text is highlighted.

<small> Tag – Smaller Text

Use this for fine print and side notes.

This is small text.

<del> Tag – Deleted Text

This tag displays removed content.

Old channel DWR

<ins> Tag – Inserted Text

This tag highlights newly added content.

New channel DWR

<sub> Tag – Subscript

Subscript text appears below the baseline. For example:

H₂O

<sup> Tag – Superscript

Superscript text appears above the baseline.

10² = 100

Conclusion

In conclusion, HTML formatting helps you present information clearly. Moreover, it enhances user experience and SEO. Therefore, always use formatting tags properly.

Finally, practice regularly so you become confident in HTML styling.