一、HTML概念及基础
HTML是超文本标记语言—Hyper Text Markup Language（它是编程语言吗？应该不是）
文件拓展名为.html
1.1 HTML 基本骨架
使用VS Code需要安装open in browser插件，运行前需要先保存
-
html：整个网页 -
head：网页头部，用来存放给浏览器看的信息，例如CSS- title：网页标题
-
body：网页主体，用来存放给用户看的信息，例如图片，文字等
在VS Code中可以使用 !+回车快捷键来快速生成基本骨架
1.2 标签语法
- 标签成对出现，中间包裹内容
<>里面放英文字母（标签名）- 结束标签比开始标签多一个
/
<strong>：字体加粗
双标签：成对出现的标签
单标签：只有开始标签，没有结束标签
<br>：换行
<hr>：水平线
只要包裹内容的标签就是双标签
1.3 标签的关系
作用：明确标签的书写位置，让代码格式更整齐
-
父子关系（嵌套关系）
<html> <head> </head> </html> -
兄弟关系（并列关系）
<head></head> <body></body> -
代码格式
- 父子关系：子级标签换行且缩进
- 兄弟关系：兄弟标签要对齐
<html>
<head>
<title></title>
</head>
<body></body>
</html>
1.4 标题标签
标签名：h1~h6
显示特点：
- 文字加粗
- 字号逐渐减小
- 独占一行（换行）
<h1>
一级标题
</h1>
<h2>
二级标题
</h2>
<h3>
三级标题
</h3>
<h4>
四级标题
</h4>
<h5>
五级标题
</h5>
<h6>
六级标题
</h6>
一级标题在一个网页只能用一次一般用来放文章标题或者logo，其他标题无限制
1.5 段落标签
标签名：p
- 独占一行
- 段落之间有间隙
<p></p>
1.6 换行与水平线标签
换行：br
水平线：hr
浏览器不识别代码中的回车换行
第一行内容
<br>
第二行内容
<hr>
1.7 文本格式化标签
作用：为文本添加特殊格式，以突出重点。
常见的文本格式：加粗、倾斜、下划线、删除线等
标签的主要部分：
- 开始标签（Opening tag） ：包含元素的名称，被左、右角括号所包围。表示元素从这里开始或者开始起作用
- 内容（Content） ：元素的内容
- 结束标签（Closing tag） ：与开始标签相似，只是其在元素名之前包含了一个斜杠，这表示着元素的结束。初学可能常常会忘记包含结束标签的错误，这可能会产生一些奇怪的结果
| 标签名 | 效果 | 标签名 | 效果 |
|---|---|---|---|
strong | 加粗 | b | 加粗 |
em | 倾斜 | i | 倾斜 |
ins | 下划线 | u | 下划线 |
del | s |
实际工作中一般使用左边的标签，因为其自带强调功能
<body>
<strong>strong-加粗</strong><br>
<b>b-加粗</b><br>
<em>em-倾斜</em><br>
<i>i-倾斜</i><br>
<ins>ins-下划线</ins><br>
<u>u-下划线</u><br>
<del>del-删除线</del><br>
<s>s-删除线</s>
</body>
