HTML的常用标签

HTML的常用标签

---

HTML标签分为两类：

1. 单标签（空标签）: <标签 属性=“属性名”/>
2. 双标签 : <标签 属性=“属性名”>内容</标签>

常用的文本标签：

1、标题标签
一个网页中只能出现一次一级标题，用于写网页的大标题

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

在网页中显示结果：

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

2、段落标签

<p>这是一个段落</p>        <!--双标签-->

3、文本字体加粗

<strong>加粗</strong>              <b>加粗</b>      <!--双标签-->

这两个标签都是加粗，显示效果是一样的，但是strong标签在页面检索时有一个强调的作用
4、定义斜体字
网页中显示：斜体字

<em>斜体字</em>                  <i>斜体字</i>       <!--双标签-->

5、定义下标字
网页中显示：H₂O

H<sub>2</sub>O                <!--双标签-->

6、定义上标字
网页中显示：2¹⁰

2<sup>10</sup>      <!--双标签-->

7、定义删除字
网页中显示：删除

<del>删除</del>     <!--双标签-->

8、换行符

<br/>         <!--单标签-->

9、水平线

---

<hr/>        <!--单标签-->

10、空格符

 

11、备案中图标版权
网页中显示：       ©

&copy；

12、左尖括号
<

<

13、右尖括号
>

>

14、文本节点

<span></span>     <!--用于一小段文本，或者是某一个字-->

HTMLdiv标签：

相当于一个容器，给页面划分板块

<div><div>

HTML列表标签：

有序列表:

  <ol>
  <li>有序列表</li>
  <li>有序列表</li>
  <li>有序列表</li>
  </ol>

在网页中的显示结果：

1. 有序列表
2. 有序列表
3. 有序列表

无序列表:

<ul>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ul>

网页中的显示结果：

• 无序列表
• 无序列表
• 无序列表

自定义列表:

<dl>
	<dt>名词</dt>
	<dd>解释</dd>
</dl>

网页中显示结果（一般用于图文排列的结构）：

名词

解释