html5学习记录02:表格table

来源:互联网 发布:网络销售是卖啥的 编辑:程序博客网 时间:2024/05/15 07:52

table标签:

创建表格的四个元素:

table、tbody、tr、th、td

<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示

<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列

<th>…</th>:表格的头部的一个单元格,表格表头。

1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的

2、表头,也就是th标签中的文本默认为粗体并且居中显示



摘要

摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

    语法:<table summary="表格简介文本">


标题

用以描述表格内容,标题的显示位置:表格上方。

     语法:

<table summary="表格简介文本">    <caption>标题文本</caption>    <tr>        <td>…</td>        <td>…</td>        …    </tr>…</table>

0 0
原创粉丝点击