Text Formatting in HTML

Learn how to make text stand out using bold and italic tags to add importance and emphasis to your content.

Adding Emphasis to Your Text

Sometimes, plain text isn't enough. HTML provides simple tags to make your words stand out. Let's learn how to add **bold** and *italic* formatting!

Syntax

  • For bold text, wrap your content with <strong>Text</strong>.
  • For italic text, wrap your content with <em>Text</em>.

Purpose

  • Use <strong> to highlight information of great importance.
  • Use <em> to emphasize words or phrases, changing the meaning of a sentence.

Practice Zone


Interactive Test 1: Drag & Drop

Arrastra en el orden correspondiente.


Arrastra las opciones:

<em>...</em>
<strong>...</strong>

Completa el código:

Important Text______
Emphasized Text______

Interactive Test 2: Fill in the Blanks

Rellena los huecos en cada casilla.

<p>This text is normal, but  is important.</p>
<p>This text is normal, but this part has .</p>

Practice Example: Code Editor

Create a paragraph that contains both bold and italic text.

* Write the code below. Correct characters will be shown in green and incorrect ones in red.

<p>This is <strong>important</strong> and this has <em>emphasis</em>.</p>

Explanatory Video

Knowledge Check

Which tag is semantically correct for marking up text that is important?