HTML表格概要

基础知识


1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。


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


部下载完才会显示。如右侧代码编辑器中的代码。


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


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


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


6、表格中列的个数,取决于一行中数据单元格的个数。


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



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


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



     语法:


<table>
    <caption>标题文本</caption>
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>

</table>

阅读更多
文章标签: HTML 网页设计 表格
上一篇HTML基础
下一篇蓝图:世界坐标与屏幕坐标之间的转换
想对作者说点什么? 我来说一句

HTML界面设计概要 界面设计概要

2009年04月20日 152KB 下载

HTML表格.html

2011年04月14日 690B 下载

表格 html 表格 html 表格 html

2011年06月30日 400KB 下载

html资料20110728

2011年07月27日 762KB 下载

动态添加表格和删除表格.html

2012年02月28日 5KB 下载

漂亮的表格 HTML表格

2009年07月01日 59KB 下载

html好看的表格

2014年09月15日 122KB 下载

没有更多推荐了,返回首页

关闭
关闭