10 More Common HTML Elements

1. <strong> and <em>

Use these tags to emphasize text:

<p>This is <strong>important</strong> text.</p>
<p>This is <em>emphasized</em> text.</p>

2. <blockquote>

Use the <blockquote> tag to define a block of quoted text:

<blockquote>
    "This is a blockquote example."
</blockquote>

3. <hr>

The <hr> tag creates a horizontal line, often used to separate content:

<hr>

4. <abbr>

Use the <abbr> tag to define abbreviations or acronyms:

<abbr title="HyperText Markup Language">HTML</abbr>

5. <code>

The <code> tag is used to display inline code snippets:

<p>To print "Hello World" in Python: <code>print("Hello World")</code></p>

6. <mark>

The <mark> tag highlights text:

<p>This is <mark>highlighted</mark> text.</p>

7. <details> and <summary>

Use these tags to create expandable sections of content:

<details>
    <summary>Click to Expand</summary>
    <p>This is hidden content that can be toggled.</p>
</details>

8. <progress>

Display progress using the <progress> element:

<progress value="70" max="100"></progress>

9. <figure> and <figcaption>

Use these tags to group media with captions:

<figure>
    <img src="image.jpg" alt="Example Image">
    <figcaption>This is an example caption.</figcaption>
</figure>

10. <sup> and <sub>

Use these tags for superscripts and subscripts:

<p>E=mc<sup>2</sup></p>
<p>H<sub>2</sub>O</p>
Back