📜  HTML 标签(1)

📅  最后修改于: 2023-12-03 14:41:55.977000             🧑  作者: Mango

HTML 标签介绍

HTML(超文本标记语言)是一种用于创建网页结构和内容的标记语言。它由一系列的标签组成,每个标签用来定义网页中的不同元素和其属性。在本文中,我们将介绍一些常用的 HTML 标签及其使用方法。

标题标签

HTML 标题标签用于定义网页的标题。常用的标题标签有<h1><h6><h1>表示最高级的标题,而<h6>表示最低级的标题。

示例代码:

# 标题一(h1)
## 标题二(h2)
### 标题三(h3)
#### 标题四(h4)
##### 标题五(h5)
###### 标题六(h6)
段落标签

段落标签用于定义网页中的段落。最常用的段落标签为<p>,它会在段落前后添加适当的空行。

示例代码:

<p>这是一个段落。</p>
<p>这是另一个段落。</p>
链接标签

链接标签用于创建超链接,使用户可以点击链接跳转到其他网页或同一页面内的其他位置。

示例代码:

<a href="https://www.example.com">这是一个链接到 Example 网站的链接</a>
图像标签

图像标签用于在网页中插入图像。最常用的图像标签为<img>,它需要指定图像的 URL 和替代文本。

示例代码:

<img src="image.jpg" alt="这是一个图像">
列表标签

列表标签用于创建有序或无序列表。有序列表使用<ol>标签,无序列表使用<ul>标签,列表项使用<li>标签。

示例代码:

<ol>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ol>

<ul>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ul>
表格标签

表格标签用于创建数据表格。表格由<table>标签定义,每行由<tr>标签定义,每个单元格由<td><th>标签定义。

示例代码:

<table>
  <tr>
    <th>商品</th>
    <th>价格</th>
  </tr>
  <tr>
    <td>苹果</td>
    <td>2.99</td>
  </tr>
  <tr>
    <td>香蕉</td>
    <td>1.99</td>
  </tr>
</table>
表单标签

表单标签用于创建用户输入表单。常见的表单标签有<form><input><textarea>等。

示例代码:

<form action="/submit" method="post">
  <label for="name">姓名:</label>
  <input type="text" id="name" name="name" required><br>
  <label for="email">邮箱:</label>
  <input type="email" id="email" name="email" required><br>
  <input type="submit" value="提交">
</form>

以上是一些常用的 HTML 标签,可以帮助你创建丰富的网页内容。请根据实际需求选择适合的标签来构建网页结构。