HTML and CSS Reference
In-Depth Information
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
td, th {border: 1px solid black;}
</style>
<title>
Testing Tony's Table
</title>
</head>
<body>
<table>
<tr>
<th>
City
</th>
<th>
Date
</th>
<th>
Temperature
</th>
<th>
Altitude
</th>
<th>
Population
</th>
<th>
Diner Rating
</th>
</tr>
<tr>
<td
>Walla Walla, WA
</td>
<td>
June 15th
</td>
<td>
75
</td>
<td>
1,204 ft
</td>
<td>
29,686
</td>
<td>
4/5
</td>
</tr>
<tr>
<td>
Magic City, ID
</td>
<td>
June 25th
</td>
<td>
74
</td>
<td>
5,312 ft
</td>
<td>
50
</td>
<td>
3/5
</td>
</tr>
<tr>
<td>Bountiful, UT</td>
<td>July 10th</td>
<td>91</td>
<td>4,226 ft</td>
<td>41,173</td>
<td>4/5</td>
</tr>
<tr>
<td>Last Chance, CO</td>
<td>July 23rd</td>
<td>102</td>
<td>4,780 ft</td>
<td>265</td>
<td>3/5</td>
</tr>
First, type in the
“Testing Tony's Table”
HTML. Typing this
in, while tedious,
will help get the
structure of the
<table>, <tr>, <th>,
and <td> tags in
your head. When
you finish, give it a
quick test, and then
add the remaining
items from Tony's
table. Test that too.