HTML的基本结构标签（html，head，title，body）


一，网页工具

下载链接https://code.visualstudio.com/
在这里插入图片描述
VSCode的使用

  1. 新建一个 .html文件
  2. 第一行中，输入 ！号，创建基本格式
  3. 快捷键：Ctrl + / 即可添加注释
  4. 自动格式化代码：
    1. 点击文件>>首选项>>设置
    2. 搜索emmet.include
    3. 在settings.json下的【用户】中添加一下语句：
      “editor.formatOnType”: true,
      “editor.formatOnSave”: true
    4. 效果图：在这里插入图片描述
    5. 每次保存时，都会自动格式化代码。

二，了解html，head，title，body标签

  1. 制作简单的网页
    新建一个txt的文本文件里面输入代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!--  
<html> </html> HTML标签   根标签
<head> </head> 网页头部   网页head标签中必须要设置title标签
<title> </title> 网页标题
<body> </body> 网页的主体  页面的内容基本都是在body里
-->
<html>
    <head>
        <title>网页的标题</title>
    </head>
    <body>
        网页的内容
    </body>
</html>

再将文件后缀名改为html或htm
3. 效果图：
在这里插入图片描述