HTML and CSS Reference
In-Depth Information
Before we start styling, let's get the table
into Tony's page
Before we start adding style to Tony's new table, we should really get the table
into his main page. Remember that Tony's main page already has set a
font-
family
,
font-size
, and other styles that the table is going to inherit. So without
putting the table into his page, we won't really know what the table looks like.
Start by opening “journal.html” in the “chapter13/journal” folder, locate the
August 20th entry, and make the following changes. When you've finished,
move on to the next page before reloading.
<h2>August 20, 2012</h2>
<p>
<img src="images/segway2.jpg" alt="Me and my Segway in New Mexico">
</p>
<p>
Well, I made it 1200 miles already, and I passed through some interesting
places on the way:
</p>
<ol>
<li>
Walla Walla, WA
</li>
<li>
Magic City, ID
</li>
<li>
Bountiful, UT
</li>
<li>
Last Chance, CO
</li>
<li>
Truth or Consequences, NM
</li>
<li>
Why, AZ
</li>
</ol>
<table>
<caption>
The cities I visited on my Segway'n USA travels
</caption>
<tr>
<th>
City
</th>
<th>
Date
</th>
<th>
Temperature
</th>
<th>
Altitude
</th>
<th>
Population
</th>
<th>
Diner Rating
</th>
</tr>
.
.
.
</table>
