美文网首页
H5练习题

H5练习题

作者: 精彩i人生 | 来源:发表于2018-05-31 17:18 被阅读0次

练习题

      <!DOCTYPE html>
      <html>
      <center>
  <head>
      <title>练习题</title>
      <meta charset="utf-8" />
  </head>
  <body>
     <a name="c3"></a>
     <a href="#c4">回到底部</a>|<a href="#c5">到指定位置</a>
    <h1><font color="blue">第一篇博客</font></h1>
    <hr>
    <h4>多幸运</h4>
    <br>
        <a href="http://pic.sogou.com/pics?query=%BA%AB%B0%B2%D0%F1&p=40230500&st=255&mode=255&policyType=0" target="_blank">韩安旭</a><br/>
        词:刘家泽<br/>
        曲:胜屿<br/>
        <a name="c5"></a>
        在亿万人海相遇<br/>
        有同样默契<br/>
        是多么不容易<br/>
        你懂得我的固执<br/>
        我懂你脾气<br/>
        两颗心在靠近<br/>
        等不及解释我的心情<br/>
        怕错过爱上你的时机<br/>
        浪漫已经<br/>
        准备就绪<br/>
        全新的旅行<br/>
        多幸运<br/>
        在最美的年纪<br/>
        遇见你<br/>
        没有遗憾和可惜<br/>
        抱紧你<br/>
        用尽全部力气<br/>
        不让幸福逃离<br/>
        多幸运<br/>
        爱你这件事情<br/>
        成为我 今生最对的决定<br/>
        我相信 你就是那唯一<br/>
        <img src="1.jpg" alt="" width="200px" /><br/>
        愿陪你到底<br/>
        多幸运 遇见了你<br/>
        多幸运 爱上了你<br/>
        多幸运 能在一起<br/>
        多幸运 遇见了你<br/>
        多幸运 爱上了你<br/>
        多幸运 能在一起<br/>
        在亿万人海相遇<br/>
        有同样默契<br/>
        是多么不容易<br/>
        你懂得我的固执<br/>
        我懂你脾气<br/>
        两颗心在靠近<br/>
        等不及解释我的心情<br/>
        怕错过爱上你的时机<br/>
        浪漫已经<br/>
        准备就绪<br/>
        全新的旅行<br/>
        多幸运<br/>
        在最美的年纪<br/>
        遇见你<br/>
        没有遗憾和可惜<br/>
        抱紧你<br/>
        <img src="2.jpg" alt="" width="200px" /><br/>
        用尽全部力气<br/>
        不让幸福逃离<br/>
        多幸运<br/>
        爱你这件事情<br/>
        成为我 今生最对的决定<br/>
        我相信 你就是那唯一<br/>
        愿陪你到底<br/>
        多幸运 遇见了你<br/>
        多幸运 爱上了你<br/>
        多幸运 能在一起<br/>
        多幸运 遇见了你<br/>
        多幸运 爱上了你<br/>
        多幸运 能在一起<br/>
        多幸运<br/>
        在最美的年纪<br/>
        遇见你<br/>
        没有遗憾和可惜<br/>
        抱紧你<br/>
        用尽全部力气<br/>
        不让幸福逃离<br/>
        多幸运<br/>
        爱你这件事情<br/>
        成为我 今生最对的决定<br/>
        我相信 你就是那唯一<br/>
        愿陪你到底<br/>
    <hr>
    友情链接:
      <a href="">A网站</a>|<a href="">B网站</a>|<a href="">C网站          </a><br/>
      <a href="#c3">回到顶部</a>|<a href="https://mail.qq.com/">联系我们</a>
      <a name="c4"></a>
    </body>
        </center>
        </htmml>

2

    <!DOCTYPE html>
    <html>
<head>
    <title>hello</title>
    <meta charset="utf-8" />
</head>
<body>
    <!-- 我去 -->
    <h1>.<font>啦啦啦啦</font>.</h1>
    <h2>.<font>啦啦啦啦</font>.</h2>
    <h3>.<font>啦啦啦啦</font>.</h3>
    <h4>.<font>啦啦啦啦</font>.</h4>
    <h5>.<font>啦啦啦啦</font>.</h5>
    <h6>.<font>啦啦啦啦</font>.</h6>
    <p>p标签</p>
    <p>p标签</p>
    <br/>
    <hr>
</body>
    </htmml>

3

    <!DOCTYPE html>
    <html>
<head>
    <title>图片标签</title>
    <meta charset="utf-8" />
</head>
<body>
    <!--
    img 标签
    src 路径
    alt 描述
    width 宽度
    hight 高度
     -->
    <img src="timg3.jpg" alt="凯特琳" width="1000" />

</body>
    </htmml>

4

    <!DOCTYPE html>
    <html>
<head>
    <title>hello</title>
    <meta charset="utf-8" />
    <meta name="keywords" content="HTML5,JavaScript,前端,Python" />
    <meta name="description" content="发布H5、Js等相关信息" />
    <meta http-equiv="refresh" content="5;url=http://www.baidu.com" />
</head>
<body>
    
    <h1>5秒以后跳转界面</h1>
</body>
    </html> 

5

    <!DOCTYPE html>
    <html>
<head>
    <title>超链接</title>
    <meta charset="utf-8" />
</head>
<body>
    <!--
        href  目标地址
        target 指定打开链接的位置
            _self  当前窗口打开(默认)
            _blank 在新窗口打开
    -->
    <a href="http://www.baidu.com">百度</a><br></br></br>
    <a href="相对路径.html" target="_blank">相对路径</a>
</body>
    </htmml>

6

    <!DOCTYPE html>
    <html>
<head>
    <title>hello</title>
    <meta charset="utf-8" />
</head>
<body>
    <!-- 
        1.HTML不区分大小写,但一般用小写
        2.HTML中的注释不能嵌套
        3.HTML标签必须结构完整,要么成对出现,要么自结束标签
        4.HTML标签可以嵌套,但不能交叉嵌套
        5.HTML标签的属性必须有值,且值必须加引号(单双引号都可以)
    -->
    
</body>
    </htmml>

7

    <!DOCTYPE html>
    <html>
<head>
    <title>内联框架</title>
    <meta charset="utf-8" />
</head>
<body>
    <h1>啦啦啦啦啦</h1>
    <!--
        iframe
            src 路径
            wight
            height
            name 可以为内联框架指定一个name属性
    -->
    <iframe src="相对路径.html" name="ccc" width="1000px" height="1000px"></iframe>
</body>
    </htmml>

8

    <!DOCTYPE html>
    <html>
<head>
    <title>实体</title>
    <meta charset="utf-8" />
</head>
<body>
    <!--
    <  &lt;
    >  &gt;
    空格  &nbsp;
    版权符号  &copy; 
     -->
    a&lt;b&gt;c
    <p>&copy; nnnnn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;bvbv<p>
</body>
    </htmml>

9

    <html>
<head>
    <title>hello</title>
</head>
<body>
    <!-- 我去 -->
    <h1>.<font color="red" size="4">啦啦啦啦啦</font>.</h1>
</body>
    </htmml>

10

    <!DOCTYPE html>
    <html>
<head>
    <title>相对路径</title>
    <meta charset="utf-8" />
</head>
<body>
    <!--
    img 标签
    src 路径
    alt 描述
    width 宽度
    hight 高度
     -->
    <img src="C:\Users\吴金航\Pictures\Saved Pictures\004.jpg" alt="龙瞎" width="1000px" />

</body>
    </html>

相关文章

网友评论

      本文标题:H5练习题

      本文链接:https://www.haomeiwen.com/subject/imoqsftx.html