Designing With Tables

Welcome Agenda II Xhtml Rules DocType HTML Terms Meta Element
Introducing Tables Row & Column Groups Color CSS Table Attributes Table Padding Table Rules Table Alignment Column Span Border CSS Table CSS 5: Program Schedule Table Summary
Forms Forms Attributes 6: Registration Form
Embed MPGs Sound Files Sound Attributes Multimedia Quicktime Movies 7: Audio/Video Project
Frame Basics Frame Attributes Nested Frames 8: Designing with Frames 3-Color Frames 16-Color Frames Inline Frames Frame Summary
Tutorial 9: Working XHTML

Tables elements were introduced in 1995 as a Netscape extension supported by that browser. The intent was to allow web designers to have control of tabular information. With its rapid use, tables were included as official HTML language as defined by the W3C.

XHTML Tags

Table Attributes

Starts/ends the table
<TABLE> ....</TABLE>
Defines each table row
<TR>...</TR>
  • Align - left, right, center
  • Valign -top, bottom, middle
  • Bgcolor
Defines table data cell
<TD>..</TD>
Defines specific Columns
<colgroup>...</colgroup>		 • Align  • Width  • Valign  • Bgcolor   •Background 

Table Alignment using Colgroup

Identifies table header
<TH>...</TH>

• Rowspan   • Colspan   • Bgcolor   • Align   • Valign   • Nowrap  

Table summary information
<caption>..</caption>		 Places table data outside of the table
Align top, bottom, left or right
Web Design with XHTML Part II
Doris Cuffey, Instructor