html5所有标签基本用法 (html5常用标签及作用)

基础标签

1. 标题标签 hn(h1~h6)

<!--标题标签-->

<h1>这是标题h1</h1>

<h2>这是标题h2</h2>

<h3>这是标题h3</h3>

<h4>这是标题h4</h4>

<h5>这是标题h5</h5>

<h6>这是标题h6</h6>

html5十个常用标签大全,html5最常用的几个标签

2. p标签

定义语法:<p>这是段落标签</p>

<!--段落标签-->

<p>这是段落标签1</p>

<p>这是段落标签2</p>

<p>这是段落标签3</p>

html5十个常用标签大全,html5最常用的几个标签

3. br标签:换行标签

定义语法:<br/>

<!--br换行标签-->

<p>床前明月光,<br/>疑是地上霜,<br/>举头望明月,<br/>低头思故乡</p>

html5十个常用标签大全,html5最常用的几个标签

4. hr标签:横向分隔符标签

<!--hr横向分割符标签-->

<hr />

<p>

解释:<br/>此诗表达了诗人对故乡的思念之情。

</p>

效果:

html5十个常用标签大全,html5最常用的几个标签

文本标签

1. b标签或strong标签

<b>这是给文字加粗效果1</b>

<strong>这是给文字加粗效果2</strong>

Code:

<!--

文字加粗效果

-->

<p> <b>这是给文字加粗效果1</b></p>

<p> <strong>这是给文字加粗效果2</strong></p>

html5十个常用标签大全,html5最常用的几个标签

2. 斜体字标签

<!--斜体字标签,h5中建议使用em-->

<i>这是一个斜体字</i>

<br />

<em>这是一个斜体字</em>

html5十个常用标签大全,html5最常用的几个标签

3. 大号字体

<!--big标签,大号字体-->

<big>这是一个大号字体标签</big>

html5十个常用标签大全,html5最常用的几个标签

4. 预格式化标签

<!--pre标签-->

<pre>

静夜思

唐 .李白

床前明月光,

疑是地上霜,

举头望明月,

低头思故乡

</pre>

html5十个常用标签大全,html5最常用的几个标签

5.下划线标签(了解)

<!--下划线标签-->

<u>这是下划线标签的效果</u>

html5十个常用标签大全,html5最常用的几个标签

6. 删除标签del

<!--删除标签-->

<del>这是删除标签的效果</del>

html5十个常用标签大全,html5最常用的几个标签

7.下标标签:sub标签

<!--下标格式-->

<p>

O<sub>2</sub>+C=CO<sub>2</sub>

</p>

html5十个常用标签大全,html5最常用的几个标签

8. 上标标签:sup标签

<!--上标格式-->

<p>

A<sup>2</sup>+B<sup>2</sup>=C<sup>2</sup>

</p>

html5十个常用标签大全,html5最常用的几个标签