HTML 表格标题和表头单元格

1 表头一般位于表格的第一行或第一列，其文本加粗居中。设置表头的方法：表头标签<th>替代相应的单元格标签<td>

2 表格标题，专门用于给表格定义标题

格式：

<html>
    <head>
    </head>
    <body>
    <table width="400" border="1" cellspacing="10">
        <caption>通讯方式</caption> #caption标签必须紧随table标签之后。只能对每个表格定义一个标签，通常会被居中与表格之上。
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>电话</th>
        </tr>
        <tr>
            <td>123</td>
            <td>456</td>
            <td>789</td>
        </tr>
    </table>
    </body>
</html>

3 表格结构

在使用表格进行布局时，可以将表格划分为头部、主体和页脚。

<thead></thead>用于定义表格的头部

必须位于< table></tabel>标签中，一般包含网页的logo和导航等头部信息。

<tbody></tbody>用于定义表格的主体。

位于<table></table>标签中，一般包含网页中除头部和底部之外的其他内容

<html>
    <head>
        <meta charset="UTF-8">
        <title>今日小说排行旁</title>
    </head>
    <body>
    <table width="400" border="1" cellspacing="0" cellpadding="0">
        <caption><h3>小说排行旁</h3></caption>
        <thead>
            <tr>
            <th>排名</th>
            <th>关键词</th>
            <th>趋势</th>
            <th>今日搜索</th>
            <th>最近七日</th>
            <th>相关链接</th>
            </tr>
        </thead>
        <tbody>
            <tr>
            <td>1</td>
            <td>鬼吹灯</td>
            <td>c</td>
            <td>d</td>
            <td>e</td>
            <td>f</td>
            <tr>
        </tbody>
    </table>
    </body>
</html>

 

posted @ 2018-06-29 00:00  会开车的好厨师  阅读(2014)  评论(0)    收藏  举报