Web Foundations/Tables

From Wikiversity
Jump to navigation Jump to search
Internet word cloud

This lesson introduces tables.

Objectives and Skills[edit]

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]

  1. Wikipedia: HTML table
  2. Wikibooks: HyperText Markup Language/Tables

Multimedia[edit]

Examples[edit]

Table[edit]

<table>
<!-- table content -->
</table>

Table Row[edit]

<tr>
<!-- row content -->
</tr>

Table Heading[edit]

<th>
<!-- heading content -->
</th>

Table Data[edit]

<td>
<!-- cell content -->
</td>

Column Span[edit]

<td colspan="3">
<!-- cell content -->
</td>

Row Span[edit]

<td rowspan="3">
<!-- cell content -->
</td>

Combined[edit]

<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]

  1. Complete the tutorial TutorialsPoint: HTML Tables

Key Terms[edit]

colspan
rowspan

See Also[edit]

References[edit]