在网页设计中,表格主要用于显示包含行、列结构的二维数据,如财务表格、调查数据、日历表、时刻表、节目表等。在大多数情况下,这类信息都由列标题或行标题及数据构成。本章将详细介绍表格在网页设计中的应用,包括设计符合标准化的表格结构,以能够正确设置表格属性。
1、新建表格
1.1、定义普通表格
使用table元素可以定义HTML表格。简单的HTML表格由一个table元素,以及一个或多个tr和td元素组成,其中tr元素定义表格行,td元素定义表格的单元格。
【示例】设计一个简单的HTML表格,包含两行两列,演示效果如下图所示:
<article>
<h1>《春晓》</h1>
<table>
<tr>
<td>春眠不觉晓,</td>
<td>处处闻啼鸟。</td>
</tr>
<tr>
<td>夜来风雨声,</td>
<td>花落知多少。</td>
</tr>
</table>
</article>