Music.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" style.css="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <header>
      <nav>
        <ul>
          <li><a href="index.html"> Home </a></li>
          <li></li>
          <li><a href="Food.html"> Food </a></li>
          <li></li>
          <li><a href="Attraction.html"> Attraction </a></li>
          <li></li>
          <li><a href="Music.html"> Music </a></li>
          <li></li>
        </ul>
      </nav>
    </header>

    <table>
      <tr>
        <th>Artist</th>
        <th>Song</th>
        <th>Year</th>
      </tr>
      <tr>
        <td>Umm kulthum</td>
        <td>El Atlal</td>
        <td>1966</td>
      </tr>
      <tr>
        <td>Abdel halim hafez</td>
        <td>Ahwak</td>
        <td>1953</td>
      </tr>
    </table>

    <img
      style="width: 20%"
      src="https://cdn.britannica.com/74/203374-050-3A9D2691/Umm-Kulthum-1967.jpg"
    />
    <img
      style="width: 20%"
      src="https://upload.wikimedia.org/wikipedia/commons/8/8d/Abdel_Halim_Hafez.jpg"
    />
  </body>
</html>

<style>
  table {
    font-family: arial, sans-serif;
    width: 100%;
  }

  td,
  th {
    /* border: 1px solid #4a4a4a; */
    text-align: left;
    padding: 8px;
    background-color: rgb(251, 200, 155);
  }
</style>