1 HTML代码示例

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7. </head>
  8. <body>
  9.     <!-- 双标签: 成对出现的标签 -->
  10.     <h1>我是第一级标题</h1>
  11.     <h6>我是第六级标题</h6>
  12.     <div>我是一个容器标签, 可以包裹其它标签内容</div>
  13.     <p>我是一个段落标签</p>
  14.     <!-- 单标签: 只有一个标签, 没有标签内容 -->
  15.     <hr>    <!-- <hr>在 HTML 页面中创建一条水平线 -->
  16.     <br>    <!-- 插入一个换行符 -->
  17.     <!-- 带有属性的标签 -->
  18.     <img src="imgs/logo.png" alt="图片加载失败会显示">
  19.     <img src="imgs/logo1.png" alt="">
  20.     <a href="https://baidu.com">百度</a>    <!-- 插入一个超链接 -->
  21.     <!-- 嵌套的标签 -->
  22.     <div>
  23.         <p>人生苦短</p>
  24.         <p>我用python!</p>
  25.     </div>
  26. </body>
  27. </html>

2 效果图

image.png