HTML常用标签

1.标题标签

HTML提供了6个等级的网页标题，即语文中所说的 一级标题，二级标题.......

文字加粗一行显，标题标签标题占一行

2.段落标签<p> </p>

段落的自动换行 ctrl+z

3.换行标签<br/> ，放在换行文字前（单标签）

4.文本格式化标签

删除线效果展示：在字体上画一道横线

5.<div></div>-【division：分割，分区】和 <span></span>标签，没有语义，它们就是一个盒子，用来装内容的。

类似于在一张白纸划定区域放文字，图案，图片......

特点：

a.<div>独占一行。

b. 一行可包含多个<span>.

6.图像标签和路径

1> 图像标签 图片必须与网页文件放在一起

<img src="图像URL"/> (图像URL：图像的地址）

src是标签的必须属性，它用于指定图像文件的路径和文件名。

alt 替换文本，当图片不能正常显示时，显示alt属性 的文字。

title提示文本，鼠标放到图片上时，会显示title属性 的文字。

宽度和高度一般修改一个，宽或高会随之等比例缩放。

2>路径

a.目录文件夹和根目录

简单理解，目录文件夹就是一个文件夹，根目录就是打开目录文件夹里排列的目录名。

b.VSCode打开目录文件夹：可直接托入VSCode中，可在VSCode种选择打开某个文件夹。

2.1 绝对路径（了解）和相对路径（常用）

2.2相对路径

2.2.1同级目录

当前文件(.html文件)和目标文件在同一目录中

当前文件：07

目标文件：cat.gif

2.2.2下级目录

目标文件在下级目录中

当前文件：08

目标文件：images中的一张图片

代码实现：<img src="文件夹名/目标图片.gif"/>

2.2.3上级目录

目标文件在上级目录中

../ 退到上一级目录。

代码实现:<img src="../目标图片.gif"/>

三者可能会同时发生。

7.音频标签

<audio src=" "></audio>

controls:显示播放控件—进度条

注意点：音频标签目前支持三种格式：MP3，Wav，Ogg

8.视频标签

视频标签目前支三种格式：MP4，WedM，Ogg。

9.超链接

路径：

网页打开方式：