HTML and CSS Reference
In-Depth Information
Kyle wants you to add KPAF's nightly schedule, which runs from 6:00 p.m. to
10:30 p.m., to this Web page. The contents of the table are shown in Figure 5-2.
Figure 5-2
KPAF nightly schedule
Time
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
6:00
National
News
National
News
National
News
National
News
National
News
National
News
National
News
6:30
Local
News
Local
News
Local
News
Local
News
Local
News
Local
News
Local
News
7:00
Opera Fest
Radio U
Science
Week
The Living
World
Word
Play
Agri-Week
Folk Fest
7:30
Brain Stew
Bismarck
Forum
8:00
The Classical Music Connection
Old Time
Radio
Saturday
Nite
Jazz
The Indie
Connection
8:30
The Inner
Mind
9:00
Open Mike
Nite
9:30
World
News
Feed
World
News
Feed
World
News
Feed
World
News
Feed
World
News
Feed
World
News
Feed
World
News
Feed
10:00
To create this program listing, you fi rst have to understand the HTML table structure.
Marking Tables and Table Rows
Each Web table consists of a
table
element containing a collection of table rows. The
general structure is
<table>
<tr>
table cells
</tr>
<tr>
table cells
</tr>
…
</table>
where
<table>
marks the
table
element,
<tr>
marks each row, and
table cells
are
the cells within each row. Note that the dimension or size of the table is defi ned by the
number of
tr
elements and the number of cells within those rows. Tables are considered
block-level elements; so when rendered by a browser, they appear on a new line in the
Web page. Like other block-level elements, you can fl oat tables and resize them using
the same styles you've already studied.
