揭秘CSS(第 1 版)
7.1.1 表格特有的元素
阅读(

概述

CSS选择器

字体和文本

盒模型

元素的定位

链接和导航

表格和表单

表格

表格特有的元素

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>

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验