Project 7: Restaurant Menu

HTML Masterclass

Builds on these lessons

Tables Table Structure Table Attributes Table Headers Creating Table

Step 1 of 4

Project

A Basic Table

A menu is naturally a grid of dishes and prices — the exact job <table> was built for. Start with an <h1> for the restaurant name, then a <table> with a few plain rows: each <tr> (table row) holding two <td> (table data) cells, one for the dish and one for the price.

🎯 Your Task

Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Osteria Bella | Menu</title>
</head>
<body>
  <h1>Osteria Bella</h1>
  <table>
    <tr>
      <td>Margherita Pizza</td>
      <td>$14</td>
    </tr>
    <tr>
      <td>Spaghetti Carbonara</td>
      <td>$16</td>
    </tr>
  </table>
</body>
</html>

← Previous Next →