持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情
上文提到，body标签中放置网页正文，内部由html基础标签组成。下面我们来介绍html基础标签以及如何使用他们。
html基础标签：文本标签
<b>加粗</b>
<u>下划线</u>
<i>倾斜</i>
<s>删除线</s>
b标签使标签内部内容加粗，u标签使标签内部内容拥有下划线，i标签使标签内部内容为斜体显示，s标签使标签内部内容有删除线效果，如图1
现实开发中，如果需要上述标签功能，应该以strong标签（功能同b标签），ins标签（功能同u标签），em标签（功能同i标签），del标签（功能同s标签）为首选使用。
原因：这些标签是语义化标签，浏览器便于读取，有利于SEO优化。
<div>独占一行</div>
<span>一行显示多个</span>
这是排版布局用的标签，div标签独占一行，span以及上面提到的4个标签一行可以显示多个。如图1
图1
上述效果由以下代码生成：
<b>加粗</b>
<u>下划线</u>
<i>倾斜</i>
<s>删除线</s>
<span>一行显示多个</span>
html基础标签：其他标签
<img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ca6e5ca6748c4c01b4d097f89a925ffc~tplv-k3u1fbpfcp-zoom-1.image" alt="稀土掘金" >
img是图片标签，用于显示图片，src属性用于指定图片路径，alt属性用于指定鼠标悬停显示内容。
上述代码显示效果如图：
<audio src="" controls autoplay loop></audio>
audio是音频标签，用于显示音频，src属性用于指定音频路径；controls用于显示播放控件；autoplay开启自动播放功能，部分浏览器不支持；loop开启循环播放功能。
上述代码显示效果如图（谷歌浏览器效果，每个浏览器的音频标签的显示效果都不同）：
<video src="" controls autoplay loop></video>
video是视频标签，用于显示视频，src/controls/loop属性的功能都与音频标签相同；autoplay是自动播放（谷歌浏览器中需配合muted属性实现静音播放）。
上述代码显示效果如图（谷歌浏览器效果，每个浏览器的音频标签的显示效果都不同）：
那么关于html基础标签的介绍就到这里，下文将介绍html的其他重要标签。
