H5表格设计

table     表

tr         行

td        主体列

th        表头列

caption  标题

thead    表头

tbody    主体内容

tfoot     结尾

示例：

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table width="500" border="1">
        <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><img src="up.jpg"></td>
                <td>65589</td>
                <td>45</td>
                <td><a href="#">贴吧</a>
                    &nbsp;
                    <a href="#">图片</a>
                    &nbsp;
                    <a href="#">百科</a>
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>鬼吹灯</td>
                <td><img src="up.jpg"></td>
                <td>65589</td>
                <td>45</td>
                <td><a href="#">贴吧</a>
                    &nbsp;
                    <a href="#">图片</a>
                    &nbsp;
                    <a href="#">百科</a>
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>鬼吹灯</td>
                <td><img src="up.jpg"></td>
                <td>65589</td>
                <td>45</td>
                <td><a href="#">贴吧</a>
                    &nbsp;
                    <a href="#">图片</a>
                    &nbsp;
                    <a href="#">百科</a>
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>鬼吹灯</td>
                <td><img src="up.jpg"></td>
                <td>65589</td>
                <td>45</td>
                <td><a href="#">贴吧</a>
                    &nbsp;
                    <a href="#">图片</a>
                    &nbsp;
                    <a href="#">百科</a>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>