HTML标签介绍

HTML是一种用于创建网页的标记语言，它使用标签来定义文本、图像和其他媒体的显示方式。在本文中，我们将介绍一些HTML标签，以便程序员能够熟练地使用它们来创建出色的网页。

常用的HTML标签

文本标签

• <h1>~<h6>：标题标签，用于显示不同级别的标题。
• <p>：段落标签，用于定义文本段落。
• <strong>：强调标签，用于使文本变粗或突出显示。
• <em>：强调标签，用于使文本斜体或强调。
• <br>：换行标签，用于在文本中插入换行符。
• <hr>：水平线标签，用于在文本中插入水平分割线。

表格标签

• <table>：表格标签，用于定义表格。
• <tr>：表格行标签，用于定义表格中的行。
• <th>：表头单元格标签，用于定义表格中的表头。
• <td>：数据单元格标签，用于定义表格中的数据单元格。

链接标签

• <a>：链接标签，用于定义指向其他文档或网页的链接。
• <img>：图像标签，用于在文本中插入图像。
• <audio>：音频标签，用于在文本中插入音频。
• <video>：视频标签，用于在文本中插入视频。

表单标签

• <form>：表单标签，用于定义包含输入控件的表单。
• <input>：输入控件标签，用于定义一个可供用户输入的控件。
• <textarea>：多行文本输入标签，用于定义多行文本输入控件。
• <select>：选择框标签，用于定义下拉列表框。
• <option>：选项标签，用于定义下拉列表框中的选项。

代码示例

下面是一个简单的HTML代码示例，用于展示上述标签的使用方法：

<!-- 标题 -->
<h1>Hello World!</h1>

<!-- 段落 -->
<p>This is a paragraph.</p>

<!-- 链接 -->
<a href="https://www.example.com">Visit Example</a>

<!-- 图像 -->
<img src="example.jpg" alt="An example image">

<!-- 表格 -->
<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Gender</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Bob</td>
      <td>30</td>
      <td>Male</td>
    </tr>
    <tr>
      <td>Alice</td>
      <td>25</td>
      <td>Female</td>
    </tr>
  </tbody>
</table>

<!-- 表单 -->
<form>
  <label>
    Email:
    <input type="email" name="email">
  </label>
  <br>
  <label>
    Password:
    <input type="password" name="password">
  </label>
  <br>
  <button type="submit">Submit</button>
</form>

以上是HTML常用标签的介绍和示例。希望能对程序员们的网页开发和优化带来帮助。