1. CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 5: Working with Tables

2. CIS 1315 – Web Development for Educators <table>  … Structure to Control Page Layout Structure to Contain & Align Content  Attributes border=“#” Sets Thickness of Borders Displayed for Table Cells Attribute Set to 0 Will Make Borders “Invisible”

3. CIS 1315 – Web Development for Educators <table>  Attributes cellpadding=“#” Specifies Amount of Space Between Cell & Content in Cell cellspacing=“#” Specifies Amount of Space Between Cells frame=“above | below | border | box | hsides | lhs | rhs | void | vsides” Specifies Where Borders of Tables & Cells Appear

4. CIS 1315 – Web Development for Educators <table>  Attributes height=“# | %” Specifies Height of Table in Pixels or Percentage of Window rules=“all | cols | groups | none | rows” Specifies Where Gridlines Appear in a Table valign=“top | bottom | middle ” Specifies Vertical Alignment of Text in Cells width=“# | %” Specifies Width of Table in Pixels or Percentage of Window

5. CIS 1315 – Web Development for Educators <table>  frame

6. CIS 1315 – Web Development for Educators <table>  rules

7. CIS 1315 – Web Development for Educators <colgroup>  … Defines Groups of Table Columns for Formatting Only Valid Inside  Attributes align=“left | center | right | justify | char” Specifies Horizontal Alignment of Contents in Column Group char=“character” Specifies Character to Use to Align Text On

8. CIS 1315 – Web Development for Educators <colgroup>  Attributes span=“#” Specifies Number of Columns Should Span valign=“top | middle | bottom | baseline” Specifies Vertical Alignment of Contents in width=“# | %” Specifies Width of Each Column in 0* - Column Width Should be Minimum Width

9. CIS 1315 – Web Development for Educators <col>  Defines One or More Columns of Table for Formatting Only Valid Inside or  Attributes align=“left | center | right | justify | char” Specifies Horizontal Alignment of Contents in Table Column char=“character” Specifies Character to Use to Align Text On

10. CIS 1315 – Web Development for Educators <col>  Attributes span=“#” Specifies Number of Columns the Column Should Span valign=“top | middle | bottom | baseline” Specifies Vertical Alignment of Contents in Table Column width=“# | %” Specifies Width of Column 0* - Column Width Should be Minimum Width

11. CIS 1315 – Web Development for Educators & &  … Defines a Row in a Table  … Defines Table Data (a Cell) in a Row Table Data Cells Must Only Appear Within Table Rows Closing Tag Must Appear on Same Line as Content Otherwise Gapping May Occur

12. CIS 1315 – Web Development for Educators <td>  Attributes colspan=“#” Specifies How Many Columns the Cell Overlaps rowspan=“#” Specifies How Many Rows the Cell Overlaps

13. CIS 1315 – Web Development for Educators & &  … Specifies the Table Header for a Row Identical to Table Data Cells Except: Cells Contents are Bolded Cells Contents are Centered  … Attaches a Caption to a Table