Information that needs to be structured inside a table is probably even more common than list data. To identify a table element we use the <table> tag. Tables are organized by their row elements, denoted with the <tr> tag. Inside of rows we have <td> tags denoting individual table data cells. What you put into a table cell - pictures, text, other HTML elements - is up to you. Here's a table at work:
<html>
<body>
<table>
<tr>
<td>1</td> <td>2</td> <td>3</td>
</tr>
<tr>
<td>a</td> <td>b</td> <td>c</td>
</tr>
</table>
</body>
</html>
The table element is actually very flexible. You can modify the size of its borders (with the border attribute), the horizontal alignment of items inside table cells (with the align attribute), and add captions (using <caption>) or headers (using the <th> tag) to your tables. Moreover, a single cell can span multiple rows or multiple columns as specified by the rowspan and colspan attributes in a <td> tag. Here's an example modifying some of the more important table aspects.
<html>
<body>
<table border="3">
<caption>People and Their Pets</caption>
<th>Person</th>
<th align="right">Pets</th>
<th align="right">Allergies</th>
<tr>
<td>Stan</td>
<td align="right">Cat</td>
</tr>
<tr>
<td>Fran</td>
<td rowspan="2" align="right">Parakeet</td>
<td align="right">Pollen</td>
</tr>
<tr>
<td>Dan</td>
<td align="right">Cat Hair</td>
</tr>
</table>
</body>
</html>
