1. <!-- 声明：告诉浏览器以html5的规范解析页面 -->
    2. <!DOCTYPE html>
    3.     <!-- 标签属性：lang="en" 定义语言类型  en：表示英文  zh-cn：表示中文 -->
    4.     <html lang="en">
    5.         <head>
    6.         <!-- 标签分为：单标签(自结束标签)  双标签 -->
    7.         <!-- meta：元数据, charset="UTF-8" 定义编码方式为 utf-8(万国码) -->
    8.         <!-- 作用：防止页面出现乱码 -->
    9.         <meta charset="UTF-8">
    10.             <meta http-equiv="X-UA-Compatible" content="IE=edge">
    11.                 <!-- 视口：为移动端页面而生 -->
    12.                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
    13.                     <!-- 网页标题 -->
    14.                     <title>Document</title>
    15. </head>
    16. <body>
    17.                     <!-- 1.导航开始 -->
    18.                     <div class="nav">
    20.                         </div>
    21. <!-- 导航结束 -->
    22. <!-- 2.横幅开始 -->
    23. <div class="banner">
    25.     </div>
    26. <!-- 横幅结束 -->
    27. </body>
    28. </html>
    29. <!-- 
    30. html:根标签
    31. head:头部标签
    32. body:文档主体标签
    34. 注释：快捷键 ctrl + /
    35. 浏览器是不会解析注释的内容，所以页面不会展示被注释的内容
    36.  -->