HTML and CSS Reference
In-Depth Information
5. Locate the <section> element with the ID page-text and delete any content that is in this element.
6. Create a new <h1> element in this section and give it the text Menu .
7. Underneath this <h1> element, create a new <div> element with the ID menu-tables . This will be
used to group all the menu tables together for styling purposes.
8. Within this new <div> , create three empty <section> elements. These will hold the three parts of the
9. In the first <section> element, create a new <h1> with the text Pizzas .
10. Copy the following <table> underneath this heading. This table uses three columns. One for the name of
the dish, one for a description of the dish, and one for the price. Each dish is presented on its own row.
<table id="pizzas">
<th>Menu Item</th>
<td>Joe's Pepperoni Special</td>
Select pepperoni with our signature spicy tomato sauce
<td>Oregano, mozzarella and tomato</td>
<td>Ham and Pineapple</td>
<td>Chicken and Roast Peppers</td>
<td>Mexican Chicken</td>
<td>Spicy Chicken with jalapenos</td>
11. In the second <section> element, create a new <h1> with the text Garlic Breads .
Search WWH ::

Custom Search