04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

checking out the unstyled table<br />

Test drive... and start thinking about style<br />

Add the summary and caption to your table. Save and reload.<br />

You won’t see the summary; it’s primarily<br />

for screen readers to read aloud to the<br />

visually impaired to help provide more<br />

information about the table data.<br />

We really need to add some padding<br />

to the table data cells, to make<br />

them easier to read.<br />

558 Chapter 13<br />

And the border lines are really “heavy” visually.<br />

We could use much “lighter” borders in the<br />

table cells, although it would be nice to have a<br />

dark border around the whole table.<br />

The caption is at the top of<br />

the table. It’ll probably look<br />

better on the bottom.<br />

And a splash of orange to<br />

match Tony’s site could really<br />

pull the whole thing together.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!