HTML 中最常用的标签

HTML（超文本标记语言）是 Web 开发中最基础的部分之一，而标签是构建 HTML 页面的重要组成部分。本文将介绍 HTML 中最常用的标签，并提供相应的代码示例。

1. 标题标签

标题标签是用来定义标题的标签，可以让页面的结构更为清晰，便于用户浏览。HTML 提供了六个标题标签（从大到小依次为 h1、h2、h3、h4、h5 和 h6），其中 h1 是最大的标题，h6 是最小的标题。

代码示例：

<h1>这是一个 h1 标题</h1>
<h2>这是一个 h2 标题</h2>
<h3>这是一个 h3 标题</h3>
<h4>这是一个 h4 标题</h4>
<h5>这是一个 h5 标题</h5>
<h6>这是一个 h6 标题</h6>

2. 段落标签

段落标签是用来定义段落的标签，可以将文本分段，使文本内容更加清晰。HTML 中的段落标签为 <p>。

代码示例：

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

3. 图像标签

图像标签是用来插入图像的标签，可以增加页面的图像内容。HTML 中的图像标签为 <img>，其中 src 属性用来指定图像的 URL。

代码示例：

<img src="image.jpg" alt="图片">

4. 超链接标签

超链接标签是用来创建链接的标签，可以让用户在不同的页面之间跳转。HTML 中的超链接标签为 <a>，其中 href 属性用来指定链接的目标 URL。

代码示例：

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

5. 列表标签

列表标签是用来创建列表的标签，可以将文本内容形成列表。HTML 中提供了两种列表标签：有序列表（<ol>）和无序列表（<ul>），列表项使用 <li> 标签表示。

代码示例：

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

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

6. 表格标签

表格标签是用来创建表格的标签，可以让页面呈现出结构化的数据。HTML 中的表格标签为 <table>，表格行使用 <tr> 标签表示，表格单元格使用 <td> 标签表示。

代码示例：

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
    <td>女</td>
  </tr>
</table>

7. 表单标签

表单标签是用来创建表单的标签，可以让用户输入信息。HTML 中的表单标签为 <form>，表单元素使用不同的标签表示，例如输入框使用 <input> 标签，下拉菜单使用 <select> 标签，单选按钮使用 <input type="radio"> 标签等等。

代码示例：

<form>
  <label>用户名：</label>
  <input type="text" name="username"><br>
  <label>密码：</label>
  <input type="password" name="password"><br>
  <label>性别：</label>
  <input type="radio" name="gender" value="male">男
  <input type="radio" name="gender" value="female">女
  <br>
  <label>兴趣：</label>
  <select name="interest">
    <option value="music">音乐</option>
    <option value="movie">电影</option>
  </select>
  <br>
  <input type="submit" value="提交">
</form>

结语

以上就是 HTML 中最常用的标签，掌握好这些标签可以让你轻松构建简单的 Web 页面。当然，HTML 中还有许多其他的标签，它们可以实现更多的功能，需要你不断地学习和实践。