HTML02-基础

1.注释<!--注释-->

<!-- 我是 HTML 注释 -->

2.标题标签</h1>

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

显示特点：

• 文字加粗
• 字号逐渐减小
• 独占一行（换行）

3.段落标签</p>

<p>段落</p>

显示特点：

• 独占一行
• 段落之间存在间隙

4.换行和水平线<br>,<hr>

• 换行：br
• 水平线：hr

<br>
<hr>

5.文本格式化标签

作用：为文本添加特殊格式，以突出重点。常见的文本格式：加粗、倾斜、下划线、删除线等。

strong、em、ins、del 标签自带强调含义（语义）。

6.图像标签<img>

作用：在网页中插入图片

<img  src="图片的 URL">

src用于指定图像的位置和名称，是 <img> 的必须属性。

图像属性:

7.超链接标签<a>

作用：点击跳转到其他页面。

<a href="https://www.baidu.com">跳转到百度</a>

href 属性值是跳转地址，是超链接的必须属性。

超链接默认是在当前窗口跳转页面，添加 target=“_blank” 实现新窗口打开页面。

拓展：
开发初期，不确定跳转地址，则 href 属性值写为 #，表示空链接，页面不会跳转，在当前页面刷新一次。

示例代码：

<a href="https://www.baidu.com/">跳转到百度</a>

<!-- 跳转到本地文件：相对路径查找 --> 
<!-- target="_blank" 新窗口跳转页面 --> 
<a href="./01-标签的写法.html" target="_blank">跳转到01-标签的写法</a>

<!-- 开发初期，不知道超链接的跳转地址，href属性值写#，表示空链接，不会跳转 -->
<a href="#">空链接</a>

8.音频</audio>

<audio src="音频的 URL"></audio>

常用属性

拓展：
在HTML5中，有一些属性被称为布尔属性。如果布尔属性的名称和其默认值相同，那么可以省略等号和引号中的值，仅保留属性名即可。
当你在HTML5中使用这些属性时，只要出现属性名，就相当于设置了其默认的布尔值为 true，如果没有这个属性，那么其布尔值为 false。

示例代码：

<audio src="./media/music.mp3" controls loop autoplay></audio>

9.视频</video>

<video src="视频的 URL"></video>

常用属性

<!-- 在浏览器中，想要自动播放，必须有 muted 属性 -->
<video src="./media/vue.mp4" controls loop muted autoplay></video>