Bold, Italic, Underline

HTML provides simple formatting tags to change the appearance of text. These tags help you emphasize important words and improve readability of content.

Bold Text

Bold text is used to highlight important words or phrases. It makes text darker and more visible.

In HTML, bold text can be created using the <b> tag or the <strong> tag. The <strong> tag is more semantic and is recommended because it also gives importance to search engines.

Example of Bold Text

<b>This text is bold</b>
<strong>This text is strongly important</strong>

Italic Text

Italic text is used to show emphasis or special meaning. It makes text slightly slanted.

In HTML, italic text is created using the <i> tag or the <em> tag. The <em> tag is preferred because it indicates emphasis.

Example of Italic Text

<i>This text is italic</i>
<em>This text is emphasized</em>

Underline Text

Underline text is used to highlight or draw attention to specific words. It adds a line below the text.

In HTML, underline text is created using the <u> tag.

Example of Underline Text

<u>This text is underlined</u>

Best Practices

Use strong and em instead of b and i when possible for better SEO and accessibility.
Do not overuse formatting because it can make content difficult to read.
Use underline carefully because it may confuse users with links.

Summary

Bold, italic, and underline tags help you style and emphasize text in HTML. They improve readability and allow you to highlight important content effectively.

Home » HTML Fundamentals (Beginner) > Text & Formatting > Bold, Italic, Underline