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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,293评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,604评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,958评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,729评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,719评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,630评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,000评论 3 397
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,665评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,909评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,400评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,986评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2 342

推荐阅读更多精彩内容