html-表格

</doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <h1>我是标题</h1>
 <p>我是段落</p>
 <body>
 <table border="1" width="300px" height="150px">
<!--table 用来创建表格 tr定义行,td定义列 border=1 表示表格边框厚度为1px -->
    <tr>
        <td>第一行第一列</td>
        <td>第一行第二列</td>   
    </tr>
    <tr>
        <td>第二行第一列</td>
        <td>第二行第二列</td>   
    </tr>
</table>
<table width="300" height="200" bgcolor="green"
cellspacing="1" align="center"> <!--cellspacing表示单元格之间的距离-->
    <caption>课程表</caption>
        <tr bgcolor="white">
            <th width="80" colspan="2"></th> <!-- colspan 表示合并行-->
            <!-- <td></td> -->
            <th>星期一</th> <!-- th表示表头设置表头 替换td-->
            <th>星期二</th>
            <th>星期三</th>
            <th>星期四</th>
            <th>星期五</th>
        </tr>
        <tr bgcolor="white">
            <td rowspan="2" width="50">上午</td>
            <td width="30">1</td>
            <td>语文</td>
            <td>数学</td>
            <td>外语</td>
            <td>音乐</td>
            <td>体育</td>
        </tr>
        <tr bgcolor="white">
            <!-- <td></td> -->
            <td>2</td>
            <td>数学</td>
            <td>数学</td>
            <td>物理</td>
            <td>化学</td>
            <td>生物</td>
        </tr>
        <tr bgcolor="white" align="center">
            <td colspan="7" height="50">午休时间12点到2点
</td>
           <!--    <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <tr bgcolor="white">
            <td rowspan="2" height="50">下午</td>
            <td>1</td>
            <td>体育</td>
            <td>语文</td>
            <td>历史</td>
            <td>政治</td>
            <td>化学</td>
        </tr>
        <tr bgcolor="white">
            <!-- <td></td> -->
            <td>2</td>
            <td>音乐</td>
            <td>语文</td>
            <td>数学</td>
            <td>美术</td>
            <td>语文</td>
        </tr>
    </table>
 </body>
</html>
posted @ 2019-11-07 15:24  emma0804  阅读(120)  评论(0)    收藏  举报