1. <mark> Tag – Highlight Text

The <mark> tag is used to highlight text with a yellow background.

<p>Learn <mark>HTML</mark> today!</p>

2. <b> vs <strong> – Bold Text

Both make text bold, but <strong> also adds semantic importance for screen readers.

<p>This is <b>bold</b> text.</p>
<p>This is <strong>important</strong> 
        text.</p>

3. <article> and <header> – Structure Content

Use <article> for independent content blocks and <header> to group introductory content.

<article>
  <header><h2>Blog Post</h2></header>
  <p>Welcome to my post.</p>
</article>

4. <div> – Group Elements

The <div> tag groups content for styling or scripting.

<div style="background:#f0f0f0;
        padding:10px;">
  <h2>Section</h2>
  <p>This is inside a div.</p>
</div>

5. <footer> – Bottom Content

The <footer> tag defines a footer section with copyright or site links.

<footer>© 2025 LearnScience.
        All rights reserved.</footer>

6. <table> with colspan & rowspan

Use tables for structured data. Combine cells using colspan or rowspan.

<table border="1">
  <tr>
    <th rowspan="2">Name</th>
    <th colspan="2">Scores</th>
  </tr>
  <tr>
    <td>Math</td>
    <td>Science</td>
  </tr>
</table>

7. <aside> – Side Info

The <aside> tag is for related but separate content like tips or ads.

<aside>💡 Tip: LearnScience.</aside>

8. Superscript & Subscript

Use <sup> and <sub> for math and chemical formulas.

H<sub>2</sub>O | x<sup>2</sup>

9. Back to Top Link

Create internal anchors to jump to the top of the page.

<a href="#top">Back to Top</a>

📘 Learn More About HTML

Want to go beyond the basics? Visit the full HTML tutorial at W3Schools.com .

W3Schools offers hands-on tutorials, examples, quizzes, and references — ideal for learners of all levels.