HTML表格基础与示例
在网页设计中,表格(<table>
)是一种用于展示数据行和列的非常有用的元素。它不仅限于展示数据,还可以用来布局网页内容,尽管现代网页设计更倾向于使用CSS进行布局。下面,我们将介绍HTML表格的基本标签及其属性,并通过一个示例来展示如何创建一个简单的表格。
表格的基本标签
<table>
:定义整个表格。它可以包含多个<tr>
(表格行)元素。<table>
标签有一些常用的属性,如border
(边框宽度)、width
(表格宽度)和cellspacing
(单元格间距)。<tr>
:表示表格的一行。它可以包含多个<td>
(表格单元格)或<th>
(表头单元格)元素。<td>
:定义表格的标准单元格,用于放置数据。<th>
:定义表格的表头单元格。通常,<th>
元素中的文本会被加粗并居中显示,以区别于标准单元格。
表格属性的简要说明
border
:用于设置表格边框的宽度。值为0
时表示无边框,其他正整数值表示边框的像素宽度。width
:用于设置表格的宽度。可以使用像素(如600px
)或百分比(%)作为单位。cellspacing
:用于设置单元格之间的空间。现代网页设计通常通过CSS来控制这个属性,但cellspacing
属性在HTML中仍然可用。
示例:创建一个简单的表格
以下是一个HTML表格的示例代码,展示了如何使用上述标签和属性来创建一个具有边框、指定宽度和单元格间距的表格。
<!DOCTYPE html>