Web Foundations/Tables
Jump to navigation
Jump to search
This lesson introduces tables.
Objectives and Skills[edit | edit source]
Objectives and skills for this lesson include:[1][2]
- Use the most current version of Hypertext Markup Language (HTML5) to create Web pages.
- Design Web pages to industry standards.
Readings[edit | edit source]
Multimedia[edit | edit source]
Examples[edit | edit source]
Table[edit | edit source]
<table>
<!-- table content -->
</table>
Table Row[edit | edit source]
<tr>
<!-- row content -->
</tr>
Table Heading[edit | edit source]
<th>
<!-- heading content -->
</th>
Table Data[edit | edit source]
<td>
<!-- cell content -->
</td>
Column Span[edit | edit source]
<td colspan="3">
<!-- cell content -->
</td>
Row Span[edit | edit source]
<td rowspan="3">
<!-- cell content -->
</td>
Combined[edit | edit source]
<table border=1 cellpadding=5 cellspacing=0>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td rowspan=2>Data 5</td>
</tr>
<tr>
<td>Data 3</td>
<td>Data 4</td>
</tr>
<tr>
<td colspan=3>Data 6</td>
</tr>
</table>
Example:
Column 1 | Column 2 | Column 3 |
---|---|---|
Data 1 | Data 2 | Data 5 |
Data 3 | Data 4 | |
Data 6 |
Activities[edit | edit source]
- Complete the tutorial TutorialsPoint: HTML Tables
Key Terms[edit | edit source]
- colspan
- rowspan
See Also[edit | edit source]
References[edit | edit source]