美文网首页
HTML元素大融合demo

HTML元素大融合demo

作者: mengqingone | 来源:发表于2018-01-10 16:02 被阅读0次

    HTML 代码

        1 <!-- 文档类型声明 -->
        2 <!doctype html>
        3 <!-- HTML页面 -->
        4 <html>
        5     <!-- <head></head> -->
        6     <head>
        7         <title>我的第一个HTML文档</title>
        8         <!-- 编码修改为 utf-8 -->
        9         <meta charset="utf-8">
       10     </head>
       11     <!-- <body></body> -->
       12     <body text="red" >
       13         <!-- 预格式化 -->
       14         <pre>
       15 这是一段有空    格以及回车的
       16 
       17             内容
       18         </pre>
       19         <!-- 块分区-div -->
       20         <div>这是一个块分区元素</div>
       21         <div>另一个块分区元素</div>
       22         <!-- 段落元素 -->
       23         <p>这是<br>一个段落</p>
       24         <p>这是另一个段落 </p>
       25         <!-- 水平线 -->
       26         <hr size="10px" width="200px" align="right" color="blue">
       27         <!-- 标题元素<h#> -->
       28         <h1>1级标题</h1>
       29         <h2>2级标题</h2>
       30         <h3 align="center">3级标题</h3>
       31         <h4>4级标题</h4>
       32         <h5>5级标题</h5>
       33         <h6>6级标题</h6>
       34         <!-- 文本标记 -->
       35         这是一段具有<b>加粗</b>,<i>倾斜</i>,<u>下划线</u>,<s>删除线</s>以及 上<sup>标</sup>和下<sub>标</sub>的文本
       36 
       37         &lt;标签&gt; 版权所有&copy;2017 价值:&yen;556.56
       38         我的          第一个HTML页面
       39 
       40         内容
       41         <p></p>
       42 
       43     </body>
       44 </html>
    
    

    运行的结果:

    image.png

    相关文章

      网友评论

          本文标题:HTML元素大融合demo

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