Day21 - 作业

1. 统计19年的节假日

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <title>节日</title>
    </head>
    <body>
        <h3>2019年节假日</h3>
        <table>
            <tr>
                <th width="60">节日</th>
                <th width="300">放假时间</th>
                <th width="400">调休上班日期</th>
                <th width="150">放假天数</th>
            </tr>
            <tr>
                <td align="center"> <a target="_blank" style="color:rgb(0, 68, 255)" href="https://baike.baidu.com/item/%E5%85%83%E6%97%A6/137017?fr=aladdin"> 元旦</a></td>
                <td align="center">12月30日~1月1日</td>
                <td align="center">12月29日(周六)上班</td>
                <td align="center">共3天</td>
            </tr>
            <tr>
                <td align="center"> <a target="_blank" style="color:rgb(0, 68, 255)" href="https://baike.baidu.com/item/%E6%98%A5%E8%8A%82/136876?fr=aladdin"> 春节</a></td>
                <td align="center">2月4日(除夕)~2月10日</td>
                <td align="center">2月2日(周六)、2月3日(周日)上班</td>
                <td align="center">共7天</td>
            </tr>
            <tr>
                    <td align="center"> <a target="_blank" style="color:rgb(0, 68, 255)" href="https://baike.baidu.com/item/%E5%9B%BD%E9%99%85%E5%A6%87%E5%A5%B3%E8%8A%82/485652?fromtitle=%E4%B8%89%E5%85%AB%E5%A6%87%E5%A5%B3%E8%8A%82&fromid=429390&fr=aladdin"> 妇女节</a></td>
                    <td align="center">3月8日</td>
                    <td align="center">无</td>
                    <td align="center">男同胞不放假</td>
            </tr>
            <tr>
                <td align="center"> <a target="_blank" style="color:rgb(0, 68, 255)" href="https://baike.baidu.com/item/%E6%B8%85%E6%98%8E%E8%8A%82/137575?fr=aladdin"> 清明节</a></td>
                <td align="center">4月5日~4月7日</td>
                <td align="center">与周末连休</td>
                <td align="center">共3天</td>
            </tr>
            <tr>
                <td align="center"> <a target="_blank" style="color:rgb(0, 68, 255)" href="https://baike.baidu.com/item/%E4%BA%94%E4%B8%80%E5%9B%BD%E9%99%85%E5%8A%B3%E5%8A%A8%E8%8A%82/810559?fromtitle=%E5%8A%B3%E5%8A%A8%E8%8A%82&fromid=128047&fr=aladdin"> 劳动节</a></td>
                <td align="center">5月1日~5月4日</td>
                <td align="center">4月28日(周日)、5月5日(周日)上班</td>
                <td align="center">共4天</td>
            </tr>
            <tr>
                <td align="center"> <a target="_blank" style="color:rgb(0, 68, 255)" href="https://baike.baidu.com/item/%E7%AB%AF%E5%8D%88%E8%8A%82/1054?fr=aladdin"> 端午节</a></td>
                <td align="center">6月7日~6月9日</td>
                <td align="center">与周末连休</td>
                <td align="center">共3天</td>
            </tr>
            <tr>
                    <td align="center"> <a target="_blank" style="color:rgb(0, 68, 255)" href="https://baike.baidu.com/item/%E4%B8%83%E5%A4%95%E8%8A%82/226647?fromtitle=%E4%B8%83%E5%A4%95&fromid=25249&fr=aladdin"> 七夕节</a></td>
                    <td align="center">8月7日</td>
                    <td align="center">无</td>
                    <td align="center">原则上不放假</td>
            </tr>
            <tr>
                    <td align="center"> <a target="_blank" style="color:rgb(0, 68, 255)" href="https://www.baidu.com/link?url=8bMQx87xtK0-leSeE-keZUu-UYOWfoPRrEwXvl7qkyt0jEh-_4318LNkxmQClZN0zLW1aRgLSlzGlZxrzyrOMVCNq1BIXzlD2qd-4DO2MP5c3FKQpdIr228qk8o81mXM&wd=&eqid=ea13c8f400034c0f000000025d5a729b"> 中秋节</a></td>
                    <td align="center">9月13日~9月15日</td>
                    <td align="center">与周末连休</td>
                    <td align="center">共3天</td>
            </tr>
            <tr>
                    <td align="center"> <a target="_blank" style="color:rgb(0, 68, 255)" href="https://baike.baidu.com/item/%E5%9B%BD%E5%BA%86%E8%8A%82/291112?fr=aladdin"> 国庆节</a></td>
                    <td align="center">10月1日~10月7日</td>
                    <td align="center">9月29日(周日)、10月12日(周六)上班</td>
                    <td align="center">共7天</td>
            </tr>
            <tr>
                <td align="center"> <a target="_blank" style="color:rgb(0, 68, 255)" href="https://baike.baidu.com/item/%E5%85%89%E6%A3%8D%E8%8A%82/441702?fr=aladdin"> 光棍节</a></td>
                <td align="center">11月11日</td>
                <td align="center">无</td>
                <td align="center">原则上不放假</td>
            </tr>
            <tr>
                <td align="center"> <a target="_blank" style="color:rgb(0, 68, 255)" href="https://baike.baidu.com/item/%E5%8F%8C%E5%8D%81%E4%BA%8C%E8%B4%AD%E7%89%A9%E7%8B%82%E6%AC%A2%E8%8A%82/23196918?fromtitle=%E5%8F%8C12&fromid=2286435&fr=aladdin"> 双十二</a></td>
                <td align="center">12月12日</td>
                <td align="center">无</td>
                <td align="center">原则上不放假</td>
            </tr>
            <tr>
                    <td align="center"> <a target="_blank" style="color:rgb(0, 68, 255)" href="https://baike.baidu.com/item/%E5%9C%A3%E8%AF%9E%E8%8A%82/127881?fr=aladdin"> 圣诞节</a></td>
                    <td align="center">12月25日</td>
                    <td align="center">无</td>
                    <td align="center">原则上不放假</td>
            </tr>
        </table>
    </body>
</html>

2. 简易问卷调查表

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>
            问卷调查
        </title>
    </head>
    <body>
        <form action="" method="post" enctype="multipart/form-data">
        <fieldset>
            <legend>Your Details:</legend>
            Name:<input type="text" ><br>
            Email:<input type="email"><br>
        </fieldset>
        <fieldset>
            <legend>Your Review:</legend>
            <p>
                How did you hear about us?
                    <select>
                        <option value="" selected>Google</option>
                        <option value="">BaiDu</option>
                        <option value="">SouHu</option>
                        <option value="">SouGou</option>
                        <option value="">Other Browser</option>
                    </select>
            </p>
            <p>
                Would you visit again?<br>
                <input type="radio" name="xx">Yes
                <input type="radio" name="xx">No
                <input type="radio" name="xx">Maybe
            </p>
            <p>
                Comments:<br>
                <textarea rows="4" cols="40"></textarea>
            </p>
            <p>
                <input type="checkbox" checked>Sign me up for email updates 
            </p>
            <p>
                <input type="submit" value="Submit review">
                <input type="reset" value="Reset information">
            </p>
        </fieldset>
        </form>
    </body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容