7.20表格练习和指法练习


今日学习内容

今天学习了html中的table标签和一点点的input以及打字的指法练习


今日代码

课程表

<!DOCTYPE html>
<html>
<head>
    <title>课程表</title>
    <meta charset="utf-8">
      <style type="text/css">
        .first:before {
            content: "";
            position: absolute;
            width: 1px;
            height:174px;/*这里需要自己调整,根据td的宽度和高度*/
            top:10px;
            left:8px;
            background-color: black;
            display: block;
            transform: rotate(-70deg);/*这里需要自己调整,根据线的位置*/
            transform-origin: top;
        }
        .up {
            position: absolute;
            top:18px;
            left:110px;

        }
        .down { 
            position: absolute;
            top:40px;
            left:50px;

        }
      </style>
</head>
<body>
<table border="1" cellpadding="20" cellspacing="0">
    <thead>
        <tr>  
            <th colspan="2" class="first"><span class="up">星期</span><span class="down">节次</span></th>
            <th>星期一</th>
            <th>星期二</th>
            <th>星期三</th>
            <th>星期四</th>
            <th>星期五</th>
            <th>星期六</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="5">上午</td>
            <td>早自习</td>
            <td>语文</td>
            <td>英语</td>
            <td>语文</td>
            <td>英语</td>
            <td>语文</td>
            <td></td>
        </tr>
        <tr>
            <td>第一节</td>
            <td>物理</td>
            <td>英语</td>
            <td>语文</td>
            <td>英语</td>
            <td>语文</td>
            <td>物理</td>
        </tr>
        <tr>
            <td>第二节</td>
            <td>数学</td>
            <td>语文</td>
            <td>数学</td>
            <td>数学</td>
            <td>英语</td>
            <td>数学</td>
        </tr>
        <tr>
            <td>第三节</td>
            <td>英语</td>
            <td>生物</td>
            <td>化学</td>
            <td>语文</td>
            <td>数学</td>
            <td>生物</td>
        </tr>
        <tr>
            <td>第四节</td>
            <td>化学</td>
            <td>数学</td>
            <td>英语</td>
            <td>物理</td>
            <td>体育</td>
            <td>化学</td>
        </tr>
        <tr>
            <td rowspan="3">下午</td>
            <td>第一节</td>
            <td>语文</td>
            <td>化学</td>
            <td>物理</td>
            <td>化学</td>
            <td>计算机</td>
            <td>语文</td>
        </tr>
        <tr>
            <td>第二节</td>
            <td>语文</td>
            <td>物理</td>
            <td>生物</td>
            <td>英语</td>
            <td>生物</td>
            <td>英语</td>
        </tr>
        <tr>
            <td>第三节</td>
            <td>德育</td>
            <td>数学</td>
            <td>体育</td>
            <td>生物</td>
            <td>自习</td>
            <td></td>
        <tr>
            <td>晚上</td>
            <td>晚自习</td>
            <td>数学</td>
            <td>英语</td>
            <td>语文</td>
            <td>化学</td>
            <td>物理</td>
            <td></td>
        </tr>
        </tr>
    </tbody>
</table>
</body>
</html>

今日心得

今天在练习打字的时候指法完全不正确,幸好我我们班大部分都是二指禅,从今天开始每天半小时打字练习,代码多次练习,预习下一天的知识点。

猜你喜欢

转载自blog.csdn.net/kksuri/article/details/81139230