Hour 15: Styling Tables
Tables in HTML are a staple of Web development and are used for everything from schedules and calendars to page layout. Although CSS offers the ability to replace tables for visual design of the page, it's a more common scenario to find tables and CSS styles used together for best effect.
In this hour, you will learn
- What the HTML table model is, and how it is used with CSS
- How tables are laid out on the screen
- What the layers of a table are, and how CSS rules can be used to affect cells in those layers
- How the borders, padding, and spacing of table cells can be affected by CSS
- How to use other CSS properties with table layout
Sample Code
You can download the sample code from each hour as one package or individual files.
- Download all [1.7K tar.gz file]
- Listing 15.1 [HTML]
- Listing 15.2 [CSS]
- Listing 15.1 with style sheet 15.2 [HTML]
- Listing 15.3 [CSS]
- Listing 15.1 with style sheet 15.3 [HTML]
- Listing 15.4 [CSS]
- Listing 15.1 with style sheet 15.4 [HTML]
- Listing 15.5 [CSS]
- Listing 15.1 with style sheet 15.5 [HTML]
- Listing 15.6 [CSS]
- Listing 15.1 with style sheet 15.6 [HTML]
- Listing 15.7 [CSS]
- Modified Listing 15.1, with style sheet 15.7 [HTML]
- Listing 15.8 [CSS]
- Listing 15.1 with style sheet 15.8 [HTML]
- Listing 15.9 [HTML]
- Listing 15.10 [CSS]
- Listing 15.1 with style sheet 15.10 [HTML]
Web Links
This hour has no associated Web links.
Updates and Errata
There are currently no updates to this hour's content.
