当前位置: 首页 > 文档资料 > 揭秘 CSS >

7.1.1 表格特有的元素

优质
小牛编辑
126浏览
2023-12-01

HTML中,专门用来创建表格的标签多得吓人,而最常用的有 <table>、<caption>、<thead>、<tbody>、<tr>、<th>、<td> 这 7 个标签。

<table> 标签用于定义一个表格;<caption> 标签用于定义表格的大标题,习惯放在表格定义的第一行,即紧随 <table> 标签;<tr> 标签用来定义表格的行;<th> 标签用于定义行或列的名称,即表头,其中的内容默认会加粗居中显示;<td> 标签用于定义表格的单元格,来存放表格的数据。

为了方便控制样式,一般把表头放在 thead 元素中,表格正文放在 tbody 元素中。代码如下:

<table>
<caption>HTML表格示例</caption>
       <thead>
       <tr>
          <th>表头1</th>
          <th>表头2</th>
       </tr>
       </thead>

       <tbody>
       <tr>
          <td>单元格1</td>
          <td>单元格2</td>
       </tr>
       <tr>
          <td>单元格1</td>
          <td>单元格2</td>
       </tr>
       </tbody>
</table>