HTML and CSS Reference
5. Next, you'll create three new <figure> elements, one for each of the product images. Here is the code for
the first figure. Add this within your new <div> element.
alt="A pepperoni pizza presented on a wooden chopping
Joe's Pepperoni Special
6. Now add the second figure underneath the first.
alt="A margherita pizza with mozzarella, baby tomatoes and
Margherita - Mozzarella and Oregano
7. Finally, add the last figure.
alt="A pollo pizza with roasted yellow peppers."
Pollo - Chicken with Roast Peppers
8. Now save the menu.html file.
Note how the alt text for each of the images describes what is shown in the image, whereas the figure caption relates
the image to the appropriate item on the menu. You have also explicitly defined the image dimensions using the
width and height attributes.
Take a look at the updated menu.html file in your web browser. It looks much better with the pictures added! Fig-
ure 4-13 shows how your Menu page should look.
Creating the News Page
The News page a way for Joe's Pizza Co. to keep its customers up to date with what the company is up to as well as
notify them of any current special offers.
To create the News page, you are going to use the same content page template that you have been using up to now.
Each of the individual articles will then have its own <article> element (you were introduced to this element in