HTML基本标签详解-EW帮帮网

HTML（超文本标记语言）是构建网页的基础，以下是一些常用的 HTML 基本标签及其详细说明：

<html>
- 定义：整个 HTML 文档的根元素。
- 示例：
```
<html lang="zh">
```
<head>
- 定义：文档的头部，包含元数据（如标题、字符集、样式等）。
- 示例：
```
<head>
  <meta charset="UTF-8">
  <title>文档标题</title>
</head>
```
<title>
- 定义：文档的标题，显示在浏览器的标题栏或标签页上。
- 示例：
```
<title>我的网页</title>
```
<body>
- 定义：文档的主体，包含可见的内容。
- 示例：
```
<body>
  <h1>欢迎来到我的网页</h1>
</body>
```
<h1> - <h6>
- 定义：定义标题，从最重要的标题（<h1>）到最不重要的标题（<h6>）。
- 示例：
```
<h1>主标题</h1>
<h2>副标题</h2>
```
<p>
- 定义：定义段落。
- 示例：
```
<p>这是一个段落。</p>
```
<a>
- 定义：定义超链接，用于跳转到其他页面或位置。
- 示例：
```
<a href="https://www.example.com">访问示例网站</a>
```
<img>
- 定义：定义图像，用于在页面中插入图片。
- 示例：
```
<img src="image.jpg" alt="描述文本">
```

<ul>

示例：

<ul>
  <li>项目一</li>
  <li>项目二</li>
</ul>

<ol>

示例：

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

<table>

示例：

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
</table>

<tr>

示例：

<tr>
  <td>行1单元格1</td>
  <td>行1单元格2</td>
</tr>

<td>
- 定义：定义表格的数据单元格。
- 示例：
```
<td>数据</td>
```
<div>
- 定义：定义文档的分区或容器，常用于布局。
- 示例：
```
<div>
  <h2>分区标题</h2>
  <p>分区内容</p>
</div>
```
<span>
- 定义：定义文本的一部分，用于设置样式或标记特定的内容。
- 示例：
```
<span style="color:red;">红色文本</span>
```
<br>
- 定义：定义换行。
- 示例：
```
<p>第一行<br>第二行</p>
```
<hr>
- 定义：定义水平线，通常用于分隔内容。
- 示例：
```
<hr>
```

<form>

示例：

<form action="/submit" method="post">
  <input type="text" name="username">
  <input type="submit" value="提交">
</form>

<input>
- 定义：定义输入字段，如文本框、复选框、单选框等。
- 示例：
```
<input type="text" placeholder="请输入内容">
```

以上是一些常见的 HTML 基本标签，它们是构建网页的基础。了解这些标签的用法，可以帮助您更有效地创建和设计网页。

HTML基本标签详解