HTML5常见标签总结（一）

        总的来说HTML标签可以分为双标签和单标签两大类，标签与标签之间的关系可以分为父子关系和兄弟关系两大类。下面就逐一介绍HTML几大主要标签：

一、排版标签

        ①标题标签（在body里面）

<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>

        1~6级标题，重要程度依次递减，且会自动换行。

        ②段落标签

        用于分段显示，独占一行，段与段之间存在空隙。

<p>段落</p>

        ③换行标签（单标签）

        用于将文字强制换行显示。

<br>

        ④水平线标签（单标签）

        分割不同主体内容的水平线。

<hr>

二、文本格式化标签

        用于实现文字的加下划线、倾斜、删除线等效果。

<!--加粗，b或strong：-->
<b>加粗</b>  <strong>加粗</strong>

<!--下划线，u或ins：-->
<u>下划线</u>  <ins>下划线</ins>

<!--倾斜，i或em：-->
<i>倾斜</i>  <em>倾斜</em>

<!--删除线，s或del：-->
<s>删除线</s>  <del>删除线</del>

三、媒体标签

        ①图片标签

<img src="" alt="">

        src属性表示目标图片的路径,alt属性表示替换文本，即当图片加载失败时显示的文本，此外，图片还有title（表示鼠标悬停在图片上时显示的文本）、width（图片的宽度）、height（图片的高度）等属性。

        ②音频标签

<audio src="" controls> </audio>

        用于在页面中插入音频，其中controls作用在于显示音频控件，便于用户使用，目前支持MP3、WAV、OGG三种格式。

        ③视频标签

<video src=""> </video>

        基本属性与音频标签类似，支持MP4格式。

四、链接标签

        即我们熟知的超链接，用于当我们点击之后，从一个页面跳转到另一个界面：

<a href="./目标网页.html">超链接</a>

        href为当我们点击超链接后跳转到的网址。链接标签还有target属性，如果target属性值为_self，则在当前窗口跳转，覆盖原网页；若为_blank。则在新窗口中跳转，保留原网页。