HTML and CSS Reference
In-Depth Information
Try iT
In this Try It you learn how to make a table more accessible.
Lesson requirements
You will need the
tpa_jupiter.html
file from the Lesson_18 folder, as well as a text editor and
web browser.
You can download the code and resources for this lesson from the topic's web
step-by-step
1.
Open your text editor.
2.
From the Lesson_18 folder, open
tpa_jupiter.html
.
3.
Put your cursor before the closing
</style>
tag within the
<head>
section and press Enter
(Return).
4.
Enter the following code:
caption {
font-size: 14px;
padding-bottom: 5px;
font-weight: bold;
}
5.
Put your cursor at the end of the opening
<table>
tag before the first
<tr>
tag and press
Enter (Return).
6.
Enter the following code:
<caption>Available Jupiter Moon Tours</caption>
77
7
Save your file.
8.
In your browser, open
tpa_jupiter.html
to view the rendered table with the new caption,
as shown in Figure 18-3.