表 格

  1. 1.  表格标签:<table>

组成:标题标签:<caption>,给表格提供标题。

表头标签:<th>,一般对表格的第一行或者第一列进行格式化,就是粗体显示。并不常用。

行标签:<tr>

单元格标签:<td>,加载行标签的里面。可以简单理解为,先有行,在行中在加入单元格。

格式:

<table border="1" width=”40%”><!—width值为百分比可以让表格的宽度随浏览器窗口的大小变化-->

   <caption>表格标题</caption>

   <tr><!-- 第一行 -->

      <th>姓名</th>

      <th>年龄</th>

   </tr>

   <tr algin=”center”><!-- 第二行 -->

      <td>张三</td>

      <td>23</td>

   </tr>

</table>

效果:

<table border="1" width="40%">

<tr>

   <tr>

   <th colspan="2"> <!-- colspan:th标签占两列 -->

   个人信息

   </th>

   </tr>

   <tr align="center">

      <td>张三</td>

      <td>23</td>

   </tr>

</tr>

</table>

效果:

每个表格可以有一个表头、一个表尾和一个或多个表体(即正文),分别以THEAD、TFOOT和TBODY元素表示。

THEAD、TFOOT包含关于表格列的信息。

TBODY作用是:可以控制表格分行下载,从而提高下载速度。(网页的打开是先表格的的内容全部下载完毕后,才显示出来,分行下载可以先显示部分内容,这样会减少用户等待时间。)

使用TBODY的目的是可以使得这些包含在内的代码不用在整个表格都解析后一起显示,就是说如果有多个行,那么如果得到一个TBODY行,就可以先显示一行。

TBODY这个标签可以控制表格分行下载,当表格内容很大时比较实用,在需要分行下载处加上<tbody>和</tbody>。

原文地址:https://www.cnblogs.com/borter/p/9439996.html