1. <!DOCTYPE html>
    2. <!--文档声明，告诉浏览器要按照 html5 版本的规范来解析这个文件，对大小写不敏感，要文件
    3. 最开始的位置，不是标签-->
    4. <!--咱们下面写的这些东西都是标签，那个柜子或者那个盒子-->
    5. <html>
    6. <!--html是文件的根标签-->
    7.     <head>
    8.     <!--描述区-->
    9.         <title>这是我的第一个网页</title> <!--网页的标题-->
    10.         <meta charset="utf-8">
    11.         <!--设置网页的编码格式，
    12.           utf-8 ： 万国码或者国际码，支持简体中文，日文，韩文，英文等
    13.           gbk / gb2312:国标码，只支持简体中文  
    14.         -->
    15.         <meta name="keywords" content="前端" >
    16.         <meta name="descrition" content="前端">
    17.         <!--便于搜索引擎搜索-->
    19.     </head>
    20.     <body><!--内容区-->
    21.     </body>
    22. </html>
    <!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="keywords" content="">
        <meta name="description" content="">
    </head>
    <body>
        <!--
            只要是想在网页中显示的内容，必须要放在 body

            注意：标签，标记，元素，节点，都指的是一个东西，就可以理解成是一个盒子

            标签分为两类 ：
                常规标签（双标签 html / div / body....）
                空标签 (单标签 meta)

            写在 <> 里的第一个单词就标签的名字

        -->
        <div> body 里都是在网页中显示的内容</div>
    </body>
</html>

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style> 
          cursor: pointer; // 鼠标移上去会变成小手
      -webkit-user-select: none; // 不让别人复制
    </style>
</head>
<body>
    <div>辅导费活动经费</div>
   <!--文字文字-->
   <!--这个里面的代码是给程序员看的，不是给用户看的-->
   <!--
    1.只要在 html 里去编辑代码，你在预览之前必须要保存，保存的快捷键是 ctrl + s

    2.设置自动保存 ： 文件---首选项---设置--- afterdelay

    3.在浏览器预览的快捷键 ： shift + alt + b,再按回车

    4.生成最基本的 html 骨架 ： ! + tab / enter
        -->
</body>
</html>