HTML标签大全：常用标签及功能详解

HTML标签是构建网页的基石，每个标签都有其特定的含义和功能。本文整理了常用的HTML标签，并对它们的功能进行了详细的解读，希望能帮助你快速掌握HTML基础知识。

1. 标题标签

标题标签用于定义网页上的标题，共有六个级别，从<h1>到<h6>，<h1>表示最重要的标题，<h6>表示最不重要的标题。

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>

2. 段落标签

段落标签`

`用于定义网页上的段落，浏览器会自动在段落前后添加空行。

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

3. 链接标签

链接标签<a>用于创建指向其他网页、文件或页面内特定位置的链接。

<a href='https://www.example.com'>这是一个链接</a>

4. 图片标签

图片标签<img>用于在网页上嵌入图像。

<img src='图片地址' alt='图片描述'>

5. 列表标签

列表标签用于创建项目列表，包括无序列表和有序列表两种类型。

• 无序列表使用<ul>标签，列表项使用<li>标签。

<ul>
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul>

• 有序列表使用<ol>标签，列表项同样使用<li>标签。

<ol>
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ol>

6. 表格标签

表格标签用于创建表格，<table>标签表示表格，<tr>标签表示行，<td>标签表示单元格，<th>标签表示表头单元格。

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>20</td>
  </tr>
</table>

7. 表单标签

表单标签用于创建用户可填写信息的表单，常用的表单标签包括：

• <form>：定义表单
• <input>：创建各种类型的输入字段，例如文本框、密码框、单选按钮、复选框等
• <textarea>：创建多行文本输入框
• <select>：创建下拉列表
• <button>：创建按钮

8. 样式标签

样式标签用于控制网页的样式，包括<style>标签和<link>标签。

• <style>标签用于在HTML文档内部定义样式
• <link>标签用于链接外部样式表

9. 脚本标签

脚本标签<script>用于在HTML文档中嵌入JavaScript代码。

10. 分割线标签

分割线标签<hr>用于在网页上创建水平分割线。

11. 文本格式化标签

文本格式化标签用于改变文本的显示样式，常用的文本格式化标签包括：

• <b>或<strong>：加粗文本
• <i>或<em>：斜体文本
• <u>：为文本添加下划线
• <s>或<del>：为文本添加删除线

12. 块级标签

块级标签会在页面中独占一行，常用的块级标签包括：

• <div>：定义文档中的一个块级区域
• <section>：定义文档中的一个区域
• <article>：定义独立的内容
• <aside>：定义页面主内容之外的内容

13. 行内标签

行内标签不会独占一行，常用的行内标签包括：

• <span>：定义文档中的一个行内区域
• <a>：创建链接
• <img>：插入图片
• <input>：创建输入字段
• <button>：创建按钮

总结

以上只是一些常见的HTML标签，还有很多其他的标签，你可以参考MDN Web Docs了解更多关于HTML标签的信息。