HTML标签是用于标记HTML文档中不同部分的代码。根据其用途和功能,HTML标签可以分为多种类型。本文将介绍HTML标签的不同类型及其用途,并提供一些常用标签的示例。
## 文本标签
文本标签用于在HTML文档中插入文本内容,例如段落、标题、链接等。
```html
<p>这是一个段落。</p>
<h1>这是一个一级标题。</h1>
<a href="https://www.example.com">这是一个链接</a>
```
## 表单标签
表单标签用于创建用户输入表单,例如文本框、单选框、复选框等。
```html
<form action="/submit-form" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br>
<input type="submit" value="提交">
</form>
```
## 媒体标签
媒体标签用于在HTML文档中插入媒体内容,例如图片、音频、视频等。
```html
<img src="image.jpg" alt="图片描述">
<audio controls>
<source src="music.mp3" type="audio/mpeg">
<source src="music.ogg" type="audio/ogg">
您的浏览器不支持HTML5音频标签。
</audio>
<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持HTML5视频标签。
</video>
```
## 列表标签
列表标签用于创建有序列表和无序列表。
```html
<ol>
<li>有序列表项1</li>
<li>有序列表项2</li>
</ol>
<ul>
<li>无序列表项1</li>
<li>无序列表项2</li>
</ul>
```
## 表格标签
表格标签用于创建HTML表格。
```html
<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>
```
除了上述标签类型外,HTML还有许多其他标签类型,例如框架标签、样式标签、脚本标签等。开发者可以根据需要选择适当的标签类型来构建自己的HTML文档。