01-标签语法
HTML文件是使用.html做文件名后缀的文件，在HTML文件中书写代码，必须遵守HTML标签语法规范
HTML标签有两种形式：
- 单标签：如
<br><hr><img> - 双标签：如
<p></p><h1></h1><strong></strong>
02-基本骨架
一个HTML文件最基本的结构：
<html>
<head>
<title>Document</title>
</head>
<body></body>
</html>
生成HTML基本骨架的快捷键是
!+Enter
03-标签关系
HTML文件中的标签有两种关系：
- 父子关系：子标签换行且缩进，父标签嵌套子标签
- 兄弟关系：兄弟标签换行且对齐
在书写标签时，依据标签关系合理嵌套标签可以提高HTML的可维护性
04-注释
在HTML文件中，我们可以添加注释，来对HTML代码做一个说明，以便日后更好的理解这段代码。添加注释的快捷键是Ctrl+/
<!-- 这是一段注释 -->
注释内容不会在页面中显示，对用户不可见，但在检查页面源代码时，我们可以看到它们
05-标题标签
在书写HTML内容时，使用 <h1></h1> ~ <h6></h6> 书写文章标题
标题会加粗加大显示，且独占一行
在整个HTML页面中，最多只能有一个h1标题
06-段落标签
<p></p> 用来书写段落文字，段落文字作为一个整体，独占一行，段与段之间有空隙
07-换行标签和水平线标签
<br> 换行显示
<hr> 显示一条水平线
08-文本格式标签
| 语义化 | 非语义化 | |
|---|---|---|
| 加粗 | <strong></strong> | <b></b> |
| 倾斜 | <em></em> | <i></i> |
| 下划线 | <ins></ins> | <u></u> |
| 删除线 | <del></del> | <s></s> |
- 所有的文本格式标签都是行内标签
- 推荐使用语义化的文本格式标签
09-图像标签
<img> 标签用来显示一张图片，属性有：
- src: 指定图片路径【必选】
- alt: 替换文本，当图像无法显示时会使用这里的文本替换
- title: 提示文本，在鼠标悬停在图像上显示
一个图像标签的例子：
<img src="./cat.jpg" alt="一只小猫" title="可爱的小猫" width="600px">
这里使用了width调整图片的宽度，在不设置height时，图片会等比例缩放，不会出现由于过度拉伸导致的图像变形
10-路径
在访问计算机上的特定资源时，都需要指定一个路径，这样才能够找到它
路径有两种表现形式：相对路径和绝对路径
- 相对路径：从当前html文件出发的路径，如
./表示当前文件夹、../表示上一级文件夹、../../表示上两级文件夹··· ··· - 绝对路径：总是从计算机根路径开始的路径
我们应该优先使用相对路径寻找文件，可以防止文件移动时访问出错
11-超链接标签
<a></a> 标签用来创建一个超链接，超链接可以跳转到其他页面或网址，它的属性有：
- href: 跳转到【必选】
target="_blank": 在新窗口打开一个链接
在开发初期，通常使用
#来占位链接地址
锚链接可用于同一个页面间不同位置的相互跳转：
<h1 name="top">HTML学习笔记</h1>
... ...
<a href="#top">回到顶部</a>
