{[ promptMessage ]}

Bookmark it

{[ promptMessage ]}

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 Document Right 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 Document Right 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 Document Right 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 Document Right 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 Document Right 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 Document Right Arrow Icon
Using Table Headers and Footers 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.
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.

{[ snackBarMessage ]}