HTML and CSS Reference
In-Depth Information
are under immediate threat. Then the tanned zombies will probably come for us. But you're
just a designer. What could you possibly do to help?
I know! You could make a Web page that illustrates our imminent demise with nice, calming,
smoothly animated graphics!
To begin, let's put this data into a table, with columns for each year, and rows for the different
species.
<!doctype html>
<
html
lang
="
en
">
<
head
>
<
meta
charset
="
utf-8
">
<
meta
name
="
viewport
"
content
="
width
=
1024
">
<
title
>
Example 01: No CSS
</
title
>
</
head
>
<
body
>
<
div
id
="
wrapper
">
<
div
class
="
chart
">
<
h3
>
Population of endangered species from 2012 to 2016
</
h3
>
<
table
id
="
data-table
"
border
="
1
"
cellpadding
="
10
"
cellspacing
="
0
"
summary
="
The effects of the zombie outbreak on the populations
of endangered species from 2012 to 2016
">
<
caption
>
Population in thousands
</
caption
>
<
thead
>
<
tr
>
<
td
>
</
td
>
<
th
scope
="
col
">
2012
</
th
>
<
th
scope
="
col
">
2013
</
th
>
<
th
scope
="
col
">
2014
</
th
>
<
th
scope
="
col
">
2015
</
th
>
<
th
scope
="
col
">
2016
</
th
>
</
tr
>
</
thead
>
<
tbody
>
<
tr
>