本篇博客将介绍一些html标签，标签分为排版标签、文本格式化标签、媒体标签、音频标签和视频标签。
本篇博客主要介绍排版标签、文本格式化标签和媒体标签。
一、Html标签的结构
1.标签由<、>、/、字母和单词组成，被<>包括的是标签名
2.标签由两部分组成的，被叫做双标签，有开始标签和结束标签，比如<strong>、</strong>
3.标签只有一个部分的，叫做单标签，比如换行标签<br>
二、标签之间的关系
标签之间的关系分为并列和嵌套
三、标签学习
一、排版标签
1.标题标签：在网页内容中作为新闻或者文章的标题，用来突出文章主题
展示效果：
2.段落标签：实现内容的分段，每段会重新转行，段落之间有缝隙
展示效果：
3.换行标签：文字强制换行显示，在文字内容中加即可
展示效果：
4.水平线标签：分割不同主题内容的水平线
展示效果：
二、文本格式化标签
需要实现文字加粗、下划线、倾斜、删除线等效果，突出重要性的强调语境
三、媒体标签
1.图片标签：用于在网页中显示图片，单标签，img标签需要展示对应效果需要借助标签属性进行设置
src、alt即为属性，属性还有title、width和height，这些都是属性名，引号内的即为该属性的属性值
标签属性卸载开始标签内部；标签上可以存在多个属性；属性之间以空格隔开；标签名与属性名以空格隔开；属性之间没有顺序之分
src：属性值为目标图片的路径，当前网页与目标图片在同一文件夹，路径直接写目标图片即可，记得要带上后缀名
alt：属性值为替换文本，当图片加载失败时，会显示该内容；图片加载成功时则不显示
title：提示文本，当鼠标悬停在该图片上时显示的提示文字
width和height：图片的宽度和高度，如果只设置width和height中的一个，另一个没设置的会自动等比例缩放；同时设置width和height，设置不当可能导致图片变形
2.路径：通过路径找到图片所在的位置，分为绝对路径和相对路径
①绝对路径，指目录下的绝对位置，可直接到达目标位置，通常以盘符开始的路径，另外还有网络地址
②相对路径，指从当前文件开始出发找目标文件的过程
当前文件：当前html网页所在
目标文件：要找到的图片
相对路径分为同级目录、上级目录和下级目录
同级：当前文件和目标文件在同一目录，直接写图片文件名即可，或者在图片文件名前加上./
下级：目标文件在下级目录中，当前的html与图片所在的文件夹在同一目录
上级：目标文件在上级目录中，图片与当前html所在的文件夹在同一目录
若html和图片分别在两个文件夹中，这两个文件夹同处在同一目录中，则
html先往上找到所在的文件目录，再找到图片所在的文件位置，再从该文件往下找所需要的目标图片
——————————————
以上，还要记住在VScode中书写符号一定要用英文符号噢
