HTML and CSS Reference
In-Depth Information
First, you need to add scopes to the column headers in each of your menu tables.
The code for this exercise can be found in folder 3.
Here are the steps:
1.
Open the
menu.html
file in your text editor.
2.
Find the
<table>
element with the ID
pizzas
.
3.
Apply the
scope
attribute to each of the
<th>
elements within the
<thead>
, and set the values to
col
.
<table id="pizzas">
<caption>...</caption>
<thead>
<tr>
<th
scope="col"
>Menu Item</th>
<th
scope="col"
>Description</th>
<th
scope="col"
>Price</th>
</tr>
</thead>
<tbody>...</tbody>
</table>
4.
Now repeat Step 3 for the garlic bread and sides menu tables.
<table id="garlic-bread">
<caption>...</caption>
<thead>
<tr>
<th
scope="col"
>Menu Item</th>
<th
scope="col"
>Price</th>
</tr>
</thead>
<tbody>...</tbody>
</table>
<table id="sides">
<caption>...</caption>
<thead>
<tr>
<th
scope="col"
>Menu Item</th>
<th
scope="col"
>Price</th>
</tr>
</thead>
<tbody>...</tbody>
</table>
5.
Save the
menu.html
file.