Chapter 10

Chapter 10 - Principles of Web Design 5th Edition Chapter...

Info iconThis preview shows pages 1–13. Sign up to view the full content.

View Full Document Right Arrow Icon
Principles of Web Design 5 th Edition Chapter Ten Data Tables
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Objectives When you complete this chapter, you will be able to: Use table elements Use table headers and footers Group columns Style table borders Apply padding, margins, and floats to tables Style table background colors Apply table styles 2 Principles of Web Design 5 th Ed.
Background image of page 2
Using Table Elements
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
4 Using Table Elements The HTML table elements allow the arrangement of data into rows of cells and columns The table element <table> contains the table information, which consists of: Header element <th> Row element <tr> Data cell alignment <td> Principles of Web Design 5 th Ed.
Background image of page 4
Principles of Web Design 5 th Ed. 5
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Principles of Web Design 5 th Ed. 6
Background image of page 6
Collapsing Table Borders Tables are more legible with the table borders collapsed Use the border-collapsed property table {border-collapse: collapse;} Principles of Web Design 5 th Ed. 7
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Principles of Web Design 5 th Ed. 8
Background image of page 8
Spanning Rows The rowspan attribute lets you create cells that span multiple rows <td class="title" rowspan="6"> Best-Selling Albums Worldwide</td> Principles of Web Design 5 th Ed. 9
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Principles of Web Design 5 th Ed. 10
Background image of page 10
Using Table Headers and Footers
Background image of page 11

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Rows can be grouped into head, body, and footer sections using the <thead>, <tbody>, and <tfoot> elements You can style these table sections with CSS Principles of Web Design 5 th Ed. 12
Background image of page 12
Image of page 13
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 01/13/2012 for the course IS 3020 taught by Professor Staff during the Spring '08 term at Kennesaw.

Page1 / 42

Chapter 10 - Principles of Web Design 5th Edition Chapter...

This preview shows document pages 1 - 13. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online