HTML

Table Element

<div class="page">
  <h1>Welcome to HTML Table Exercise</h1>
  <table>
    <tr>
      <td>Sr. No.</td>
      <td>Fruit Name</td>
      <td>Emoji</td>
    </tr>
    <tr>
      <td>1</td>
      <td class="fruit-name">Mango</td>
      <td class="emoji">🥭</td>
    </tr>
    <tr>
      <td>2</td>
      <td class="fruit-name">Kiwi Fruit</td>
      <td class="emoji">🥝</td>
    </tr>
    <tr>
      <td>3</td>
      <td class="fruit-name">Strawberry</td>
      <td class="emoji">🍓</td>
    </tr>
    <tr>
      <td>4</td>
      <td class="fruit-name">Grapes</td>
      <td class="emoji">🍇</td>
    </tr>
    <tr>
      <td>5</td>
      <td class="fruit-name">Cherries</td>
      <td class="emoji">🍒</td>
    </tr>
  </table>
</div>

<div class="page">
  <h1>Welcome to HTML Table Exercise</h1>
  <table>
    <caption>Fruit Cart</caption>
    <thead>
      <tr>
        <th>Sr. No.</th>
        <th>Fruit Name</th>
        <th>Emoji</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td class="fruit-name">Mango</td>
        <td class="emoji">🥭</td>
      </tr>
      <tr>
        <td>2</td>
        <td class="fruit-name">Kiwi Fruit</td>
        <td class="emoji">🥝</td>
      </tr>
      <tr>
        <td>3</td>
        <td class="fruit-name">Strawberry</td>
        <td class="emoji">🍓</td>
      </tr>
      <tr>
        <td>4</td>
        <td class="fruit-name">Grapes</td>
        <td class="emoji">🍇</td>
      </tr>
      <tr>
        <td>5</td>
        <td class="fruit-name">Cherries</td>
        <td class="emoji">🍒</td>
      </tr>
      <tr>
        <td>6</td>
        <td class="fruit-name">Apple</td>
        <td class="emoji">🍎</td>
      </tr>
    </tbody>
  </table>
</div>