您现在的位置:首页 >> 前端 >> 内容

CSS表格特有的元素有哪些?

时间:2018/2/23 14:30:19 点击:

  核心提示:表格特有的元素HTML中,专门用来创建表格的标签多得吓人,而最常用的有 table、caption、thead、tbody、tr、th、td 这 7 个标签。table 标签用于定义一个表格;capt...

表格特有的元素

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>

Tags:CS SS S表 表格 
作者:网络 来源:歪脖先生的博客