文章目录
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>