HTML基础(9.2 表格)

来源:互联网 发布:中国为什么能崛起知乎 编辑:程序博客网 时间:2024/06/15 06:43
<!DOCTYPE html><!--这次介绍标准表格上篇是随意的介绍,这里是标准的写法thead表示表头,tbody表示表内容--><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><table border="1">    <thead>    <tr>        <th>表头1</th>        <th>表头2</th>        <th>表头3</th>        <th>表头4</th>    </tr>    </thead>    <tbody>    <tr>        <td>1</td>        <td>2</td>        <td>3</td>        <td>4</td>    </tr>    <tr>        <td rowspan="2">1</td>        <!--这里是让某个单元格纵向占两格        不过要删除它占据那一格原来的,否则会挤出去-->        <td>2</td>        <td>3</td>        <td>4</td>    </tr>    <tr>        <td>2</td>        <td>3</td>        <td>4</td>    </tr>    <tr>        <td>1</td>        <td colspan="2">2</td>        <!--这里是让某个单元格横向占两格-->        <td>3</td>    </tr>    </tbody></table></body></html>