Embed Size (px)
Citation preview
CSU - DCE 0791 - Webmaster IHTML - Tables - Fort Collins, CO
Copyright © XTR Systems, LLC
Designing Web Sitesusing HTML -
Introduction to Tables
Instructor: Joseph DiVerdi, Ph.D.
CSU - DCE 0791 - Webmaster IHTML - Tables - Fort Collins, CO
Copyright © XTR Systems, LLC
HTML Tables
• Detailed method for tabular data presentation• Useful for managing document layout• Tables contain rows and columns• Columns may contain column headers• Characteristics are defined for the entire
table, an entire row, or an individual cell
CSU - DCE 0791 - Webmaster IHTML - Tables - Fort Collins, CO
Copyright © XTR Systems, LLC
HTML Table Tags
• Main tags include:<TABLE> </TABLE>
<CAPTION> </CAPTION>
<TD> </TD>
<TH> </TH>
<TR> </TR>
CSU - DCE 0791 - Webmaster IHTML - Tables - Fort Collins, CO
Copyright © XTR Systems, LLC
HTML Table Tags
<TABLE> </TABLE>
• Container which surrounds table• Includes specifications for entire table
– background color– border size– cell spacing
• <TABLE BORDER=1 BGCOLOR="#004488" CELLPADDING=5 CELLSPACING=0 WIDTH="100%" ALIGN=CENTER>
</TABLE >
CSU - DCE 0791 - Webmaster IHTML - Tables - Fort Collins, CO
Copyright © XTR Systems, LLC
HTML Table Tags
• Border, Cellspacing, & Cellpadding Attributes
CSU - DCE 0791 - Webmaster IHTML - Tables - Fort Collins, CO
Copyright © XTR Systems, LLC
HTML Table Tags
• Table Row Containing Three Table Datas
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
CSU - DCE 0791 - Webmaster IHTML - Tables - Fort Collins, CO
Copyright © XTR Systems, LLC
HTML Table Tags
<TD WIDTH="20%">
<A HREF="index.html">Home</A>
</TD>
<TD WIDTH="20%">
<A HREF="syllabus.html">Class Syllabus</A>
</TD>
<TD WIDTH="20%">
<A HREF="materials.html">Materials</A>
</TD>
CSU - DCE 0791 - Webmaster IHTML - Tables - Fort Collins, CO
Copyright © XTR Systems, LLC
HTML Table Tags
• Combining style with tables
<TD WIDTH="20%">
<A STYLE="text-decoration: none; font: bold small sans-serif; text-align: center; color: #dddddd" HREF="index.html">Home</A>
</TD>
