HTML5基础(三)

<html>

    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            .darkShow {
                color: #5e5e64;
            }
            
            .show {
                height: 200px;
                title:"好看不";
            }
        </style>
    </head>

    <body>
        <!--1-->
        <h1 style="color: dimgrey; text-align: center;">秋入圆明园</h1>
        <!--深灰色字体,居中-->
        <hr style="background: darkgray; height: 2px;" />
        <!--分割线: 灰色,高2像素-->
        <div class="darkShow">
            作者：沙克 &nbsp 2017年10月10日09:20 &nbsp 浏览：463
            <br />弄一出山水走势
            <br /> 如真如幻。几代清帝牵挂
            <br /> 后苑的疆土造型如真
            <br /> 如幻。杨，槐，枫，松
            <br /> 哪一棵哪几枝的知了激动不已
            <br /> 倾吐过往的桥段
            <br /> 心旌摇曳，细梢缠绕

            <br /> 荫庇着深宫秘笈
            <br /> 石雕，釉陶，碎为黑白图片
            <br /> 天子为天，人子为人

            <br /> 被埋的灵肉合为一块心病
            <br /> 煎，疼，酸一一
            <br /> 过火的木头水浸的龙骨
            <br /> 支棱着花拳，溢美如五色之菊
            <br /> 气象高爽，泥下的殿堂

            <br /> 经由树根上传灵性
            <br /> 紫禁城到圆明园经由爱恨情仇
            <br /> 京华的土被翻过几翻
            <br /> 斜面变锥体，绣腿成本质
            <br /> 晚霞深红

            <br /> 熬着一八六0年的血
            <br /> 曾在瞬间析透纸背
            <br /> 洇入从不休止的汉语情绪
            <br /> 疤痕当课文，默祷，不受新伤暗伤
            <br /> 秋风打脸弹出几世夙愿
            <br />
        </div>
        <!--2-->
        <div>
            <a href="Test5.html">![](img2/page.jpg)</a>
            <a href="Test5.html">![](img2/page2.jpg)</a>
            <a href="Test5.html">![](img2/page3.jpg)</a>
            <a href="Test5.html">![](img2/page4.jpg)</a>
            <a href="Test5.html">![](img2/page5.jpg)</a>
            <a href="Test5.html">![](img2/page6.jpeg)</a>
            <a href="Test5.html">![](img2/page7.jpg)</a>
        </div>
        <!--3-->
        <div>
            <a href="Test5.html">
                <button>下一页</button>
            </a>
        </div>
        <!--4-->
        <!--见下一页-->
        <!--5-->
        <hr style="background: darkgray; height: 2px;" />
        <form>
            名字: &nbsp
            <input type="search" />
            <br /> 登录名: &nbsp
            <input type="search" />
            <br /> 密码:&nbsp
            <input type="password" />
            <br /> 再次输入密码:&nbsp
            <input type="password" />
        </form>
        <form action="">
            性别: 男
            <input type="radio" name="sex" value="male"> 女
            <input type="radio" name="sex" value="female">
            <!--怎么写在一个form表单-->
        </form>
        <form>
            爱好:
            <input type="checkbox">运动
            <input type="checkbox">聊天
            <input type="checkbox">玩游戏
        </form>
        <form>
            备注:
            <textarea></textarea>
        </form>
        <a href="#">
            <button>提交</button>
        </a>&nbsp&nbsp&nbsp&nbsp&nbsp
        <a href="Test4.html">
            <button>重置</button>
        </a>
        <hr style="background: darkgray; height: 2px;" />
        <table border="1" width="600">
            <tr>
                <td colspan="3">学生成绩</td>
            </tr>
            <tr>
                <td rowspan="2">张三</td>
                <td>语文</td>
                <td>98</td>
            </tr>
            <tr>
                <td>数学</td>
                <td>95</td>
            </tr>
            <tr>
                <td rowspan="2">李四</td>
                <td>语文</td>
                <td>88</td>
            </tr>
            <tr>
                <td>数学</td>
                <td>99</td>
            </tr>
        </table>
        <hr style="background: darkgray; height: 2px;" />
        <form action="Test5.html" method="post">
            用户名:
            <input type="search" name="user" value="" />
            <br /> 密码:
            <input type="password" name="password" value="" />
            <br /> 性别:
            <input type="radio" name="gender" />男
            <input type="radio" name="gender" />女
            <br />
            <input type="checkbox" name="hobby" value="1" />吃
            <input type="checkbox" name="hobby" value="2" />喝
            <input type="checkbox" name="hobby" value="3" />玩
            <input type="checkbox" name="hobby" value="4" />乐
            <br />
            <fieldset>
                出生年月: <select name="">
                    <option value="">1980</option>
                    <option value="">1981</option>
                    <option value="">1982</option>
                    <option value="">1983</option>
                    <option value="">1984</option>
                    <option value="">1985</option>
                    <option value="">1986</option>
                    <option value="">1987</option>
                    <option value="">1988</option>
                    <option value="">1989</option>
                    <option value="">1990</option>
                    <option value="">1991</option>
                    <option value="">1992</option>
                    <option value="">1993</option>
                    <option value="">1994</option>
                    <option value="">1995</option>
                    <option value="">1996</option>
                    <option value="">1997</option>
                    <option value="">1998</option>
                    <option value="">1999</option>
                    <option value="">2000</option>
                    <option value="">2001</option>
                    <option value="">2002</option>
                    <option value="">2003</option>
                    <option value="">2004</option>
                    <option value="">2005</option>
                    <option value="">2006</option>
                    <option value="">2007</option>
                    <option value="">2008</option>
                    <option value="">2009</option>
                    <option value="">2010</option>
                    <option value="">2011</option>
                    <option value="">2012</option>
                    <option value="">2013</option>
                    <option value="">2014</option>
                    <option value="">2015</option>
                    <option value="">2016</option>
                    <option value="">2017</option>
                </select>年
                <select name="">
                    <option value="">1</option>
                    <option value="">2</option>
                    <option value="">3</option>
                    <option value="">4</option>
                    <option value="">5</option>
                    <option value="">6</option>
                    <option value="">7</option>
                    <option value="">8</option>
                    <option value="">9</option>
                    <option value="">10</option>
                    <option value="">11</option>
                    <option value="">12</option>
                </select>月
                <select name="">
                    <option value="">1</option>
                    <option value="">2</option>
                    <option value="">3</option>
                    <option value="">4</option>
                    <option value="">5</option>
                    <option value="">6</option>
                    <option value="">7</option>
                    <option value="">8</option>
                    <option value="">9</option>
                    <option value="">10</option>
                    <option value="">11</option>
                    <option value="">12</option>
                    <option value="">13</option>
                    <option value="">14</option>
                    <option value="">15</option>
                    <option value="">16</option>
                    <option value="">17</option>
                    <option value="">18</option>
                    <option value="">19</option>
                    <option value="">20</option>
                    <option value="">21</option>
                    <option value="">22</option>
                    <option value="">23</option>
                    <option value="">24</option>
                    <option value="">25</option>
                    <option value="">26</option>
                    <option value="">27</option>
                    <option value="">28</option>
                    <option value="">29</option>
                    <option value="">30</option>
                </select>日
            </fieldset>
            <input type="submit" value="提交" />
            <input type="reset" value="取消" />
        </form>
    </body>

</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容