01-体验HTML.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一个网页</title>
</head>
<body>
 测试测试文章代码运行
 <!-- 测试测试文章代码运行 -->
 html:整个网页的根标签
 head:网页的头部标签，用来放置网页的元信息，例如css和js的引入
 title:网页的标题标签，显示在浏览器的标签栏上
 body:网页的主体标签，用来放置网页的内容
 VS Code快速生成html5代码：输入！，然后按下Tab/Enter键
标签的关系：
①父子关系（嵌套关系）：标签之间有包含关系，例如html和head、body标签之间的关系
②兄弟关系（并列关系）：标签之间没有包含关系，例如head和body标签之间的关系
代码格式：
①标签的缩进：子标签相对于父标签缩进一个tab键
②兄弟关系：兄弟标签换行，不缩进
注释：<!-- 注释内容 -->(ctrl+/)
注释的作用：
①解释代码的作用
②调试代码
③隐藏代码
注释的特点：
①不会在网页中显示
②不会影响代码的执行
③可以写在任何地方
④可以写多行注释
</body>
</html>