1. HTML Lists

Unordered List (<ul>): Bulleted lists where order doesn't matter.


Ordered List (<ol>): Numbered lists used for steps or rankings.

<ul>
  <li>Apple</li>
</ul>

<ol>
  <li>Step 1</li>
</ol>

2. HTML Tables

Tables organize data into rows and columns.

  • <table>: The container.
  • <tr>: Table Row.
  • <th>: Header Cell (Bold/Centered).
  • <td>: Standard Cell.
Name Age
Krishna 25

3. Semantic HTML

Semantic tags describe their meaning to the browser and SEO, not just their appearance.

Instead of <div> for everything, use:

<header>
<nav>
<main>
<section>
<article>
<footer>

4. Block vs Inline

Block: Takes full width. Starts on a new line (e.g., <h1>, <p>, <div>).


Inline: Takes only necessary width. Stays on the same line (e.g., <span>, <a>, <img>).

Block Element
Block Element

Text Inline Inline

1 / 4