Tables

Making a table is easy:

<!DOCTYPE html>
<html lang="en">
<head>
<title>List Example</title>
<meta charset="utf-8">
</head>

<body>
<h1>Judy's Pets</h1>
<table>
  <tr>
    <td>Name</td>
    <td>Type</td>
  </tr>
  <tr>
    <td>Morrison</td>
    <td>Dog</td>
  </tr>
  <tr>
    <td>Raskolnikov</td>
    <td>Cat</td>
  </tr>
</table>
</body>
</html>

The tr tag starts a table row, and the td tag starts a table cell. I think it stands for table data. Be sure you have the same number of cells in each row.

A table is used to organize data, so it lines up in rows and columns. However, you need to use some CSS to make the borders show. Add the following code to your CSS stylesheet to show borders around the table and the cells:

table
{
  border-style: solid;
}
td
{
  border-style: solid;
}