HTML5 Lesson3

table 

对于html而言，一张图片是一个字符；一个表格也是一个字符。

<!DOCTYPE html>          声明文件类型
<html>
<head>　　     配置项
    <title> biaoge </title>     标签名
    <meda charset=utf-8>　　　　　　编码类型
</head>
<body>
<p>　　　　段落
<table border='1'>  表格  不加参数border则看不出来表格边框
    <caption>表格</caption>   表名
    <thead>     表头 该表一共展示三项内容 School Loc Sum
    <tr>  表的一行
        <th>School</th>   表内该行里的第一格
        <th>Loc</th>    　           第二格
        <th>Sum</th>　　　　　　　　　 第三格
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>SJMD</td>
        <td>Dali</td>
        <td>15</td>
    </tr>
    <tr>
        <td>SCSQ</td>
        <td>Dali</td>
        <td>18</td>
    </tr>
    <tr>
        <td>CSXT</td> 
        <td></td>      空的格子
        <td></td>
    </tr>
    <tr>
        <td colspan='3'>MMG</td>    类似合并单元格 表示连MMG在内一共占三个格子
    </tr>
    </tbody>
</table>
</p>
</body>
</html>

 

posted @ 2017-10-10 21:55  sniperlr  阅读(89)  评论(0)    收藏  举报