Untitled

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="refresh" content="180">
  <title>tabel</title>
</head>

<body style=" background-image: url(../../ict/foto/tulips.jpg); background-repeat: no-repeat; background-size:cover; ">
  <H1>Membuat Tabel</H1> <br>
  <fieldset style="width: 68%; background-color: #bdface ">
    <legend>Daftar Harga Menu Restaurant</legend>
    <table border="2" cellpadding="20" cellspacing="0" width="99%" style=" background-color: rgb(119, 70, 190) ">
      <tr>
        <td>
          <table border="1" cellpadding="10" cellspacing="0" width="35%" style="float: left; margin-right: 35px; margin-left: 85px;">
            <thead style=" background-color: rgba(24, 50, 227, 0.77)">
              <th>No</th>
              <th>Nama makanan</th>
              <th>Harga makanan</th>
            </thead>
            <tbody style=" background-color: rgb(16, 147, 21)">
              <tr>
                <td>1.</td>
                <td>Nasi</td>
                <td>Rp.4000</td>
              </tr>
              <tr>
                <td>2.</td>
                <td>Soto kudus</td>
                <td>Rp.10000</td>
              </tr>
              <tr>
                <td>3.</td>
                <td>Ayam goreng</td>
                <td>Rp.8000</td>
              </tr>
              <tr>
                <td>4.</td>
                <td>Ayam Bakar</td>
                <td>Rp.11000</td>
              </tr>
              <tr>
                <td>5.</td>
                <td>Bebek goreng</td>
                <td>Rp.15000</td>
              </tr>
              <tr>
                <td>6.</td>
                <td>Lalapan</td>
                <td>Rp.3000</td>
              </tr>
              <tr>
                <td>7.</td>
                <td>Kerupuk</td>
                <td>Rp.2000</td>
              </tr>
            </tbody>
            <caption>Harga Minuman</caption>
          </table>
          <table border="1" cellpadding="10" cellspacing="0" width="35%">
            <thead style=" background-color: rgb(16, 147, 21)">
              <th>No</th>
              <th>Nama Minuman</th>
              <th>Harga Minuman</th>
            </thead>
            <tbody style=" background-color: rgba(24, 50, 227, 0.77)">
              <tr>
                <td>1.</td>
                <td>Air mineral</td>
                <td>Rp.3000</td>
              </tr>
              <tr>
                <td>2.</td>
                <td>kopi</td>
                <td>Rp.4000</td>
              </tr>
              <tr>
                <td>3.</td>
                <td>Es teh manis</td>
                <td>Rp.3000</td>
              </tr>
              <tr>
                <td>4.</td>
                <td>Teh tawar</td>
                <td>Rp.2000</td>
              </tr>
              <tr>
                <td>5.</td>
                <td>Susu</td>
                <td>Rp.5000</td>
              </tr>
              <tr>
                <td>6.</td>
                <td>Jus</td>
                <td>Rp.8000</td>
              </tr>
              <tr>
                <td>7.</td>
                <td>Es buah</td>
                <td>Rp.15000</td>
              </tr>
            </tbody>
            <caption>Harga Minuman</caption>
          </table>
        </td>
      </tr>
    </table>
  </fieldset>
</body>

</html>