HTML and CSS Reference
In-Depth Information
FIGURE 10.29
The final Drive Belt
Deflection table.
TIP
If you got lost at any time, the best thing you can do is pull out
your handy text editor and try it yourself, following along tag by
tag. After you've done it a couple of times, it becomes easier.
10
Here's the full text for the table example:
<!DOCTYPE html>
<html>
<head>
<title>
Service Data
</title>
<style type=”text/css”>
td, th { border: 1px solid #cc9900; }
table { background-color: #ffffcc; border: 4px solid #cc9900; }
</style>
</head>
<body>
<table summary=”drive belt deflection”
cellspacing=”0”
cellpadding=”5”>
<caption style=”text-align: left”>
Drive Belt Deflection
</caption>
<tr>
<th rowspan=”2” colspan=”2”></th>
<th colspan=”2”>
Used Belt Deflection
</th>
<th rowspan=”2”>
Set
<br />
deflection
<br />
of new belt
</th>
</tr>
<tr>
<th>Limit</th>
<th>Adjust<br />
Deflection
</th>
</tr>
<tr style=”text-align: center”>
<th rowspan=”2” style=”text-align: left”>
Alternator
</th>
<td style=”text-align: left”>
Models without AC
</td>
