Tables in HTML

1
Tables in HTML

• Web Design
• Fairport High School
• Technology Department
• Instructor Gianni Bussani

2
HTML Table tags
3
Table Cell border attributes
4
Table cell border attributes
5
Sample Table

• lttable border"1"gt
• lttrgt
• lttdgtrow 1, cell 1
• lttdgtrow 1, cell 2
• lt/trgt
• lttrgt
• lttdgtrow 2, cell 1
• lttdgtrow 2, cell 2
• lt/trgt
• lt/tablegt

6
COLSPAN

• lttrgt
• lttd colspan4gtThis is a short lesson on COLSPAN
• lt/trgt
• lttrgt
• lttd colspan3gtthis is a colspan
• lttdgtSingle cell
• lt/trgt
• lttrgt
• lttdgtRed
• lttdgtGreen
• lttdgtBlue
• lttdgtYellow
• lt/trgt

7
ROWSPAN

• lttrgt
• lttd rowspan2gt row 1 cell 1
• lttdgt row 1 cell 2
• lttdgt row 1 cell 3
• lttdgt row 1 cell 4
• lt/trgt
• lttrgt
• lttdgt row 2 cell 1
• lttdgt row 2 cell 2
• lttdgt row 2 cell 3
• lt/trgt
• lttrgt
• lttdgt row 3 cell 1
• lttdgt row 3 cell 2
• lttdgt row 3 cell 3
• lttdgt row 3 cell 4
• lt/trgt