HTML基础知识笔记-01

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

本文就介绍了HTML的基础相关知识点。

---

一、HTML是什么？

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

二、使用步骤

1.注释的快捷键

在VScode中：ctrl+/

2.段落标签

在新闻和文章的页面中，用于分段显示。
代码如下（示例）：

<p>一段文字</p>

---

3.换行标签

换行：<br>

4.水平线标签

水平线：<hr>

5.文本格式化标签

标签	说明	标签	说明
b	加粗	strong	加粗
u	下划线	ins	下划线
i	倾斜	em	倾斜
s	删除线	del	删除线

6.图片标签

在网页中显示图片。
代码如下（示例）：

<img src="" alt="" title="">

alt属性：为替换文本，当图片加载失败时，显示alt的文本
title属性：为提示文本，当鼠标悬停时，才显示的文本，title属性不仅可以用于图片标签，也可以用于其他的标签。
width属性和height属性：宽度和高度，如果只设置其中一个，另一个没设置的会自动等比例缩放。
align=“” 排列图片，演示如何在文字中排列图像。（middle居中，top居上）

7.相对路径

（1）相对路径-同级目录

方法一：

<img src="目标图片.gif">

方法二：

<img src="./目标图片.gif">

PS:（着重用它）

（2）相对路径-下级目录

<img src="images/目标图片.gif">

（3）相对路径-下级目录

a.先出当前文件夹，到上一级目录：…/
b.直接写目标文件

8.音频标签

<audio src="./music.mp3" controls></audio>

常见属性：

属性名	功能
src	音频的路径
controls	显示播放的控件
autoplay	自动播放（谷歌浏览器需要加个静音，muted）
loop	循环播放

9.链接标签

<a href=" https://www.baidu.com/" target="_blank"&g