html所有标签
时间: 2025-06-06 11:57:01 浏览: 16
### HTML 常见标签列表及含义
以下是部分常用的 HTML 标签及其功能描述:
#### 文档结构类标签
- **`<html>`**: 定义整个文档的根节点,表示这是一个 HTML 页面[^1]。
- **`<head>`**: 包含页面元数据(如标题、样式表链接等),不会显示在网页上。
- **`<body>`**: 表示文档主体,其中的内容会被浏览器渲染并展示给用户。
#### 元信息类标签
- **`<meta>`**: 提供关于页面的元信息,例如字符编码、视口设置等。它是一个单标签。
- **`<title>`**: 设置网页的标题,该标题会显示在浏览器选项卡中。
#### 头部内容类标签
- **`<h1>至<h6>`**: 定义不同级别的标题,`<h1>` 是最高级别,`<h6>` 是最低级别。
#### 段落与文本格式化类标签
- **`<p>`**: 创建一段文字。
- **`<br>`**: 插入一个换行符,属于单标签[^2]。
- **`<pre>`**: 预定义格式化的文本区域,在此区域内保留原始的空格和换行符。
#### 超链接与图像类标签
- **`<a>`**: 定义超链接,通过 `href` 属性指定目标地址。
- **`<img>`**: 插入图片,需使用 `src` 属性来指明图片来源路径,也是单标签。
#### 列表类标签
- **`<ul>`**: 无序列表容器。
- **`<ol>`**: 有序列表容器。
- **`<li>`**: 单个列表项,既可以用于 `<ul>` 中也可以用于 `<ol>` 中。
#### 表格类标签
- **`<table>`**: 开始表格标记。
- **`<tr>`**: 表格中的每一行。
- **`<td>`**: 表格单元格,即列的一部分。
- **`<th>`**: 表头单元格,通常加粗居中显示。
#### 表单交互类标签
- **`<form>`**: 定义一个表单,允许用户向服务器提交信息。
- **`<input>`**: 输入控件,依据其 type 属性可以表现为多种形态(如文本框、按钮等)。它是单标签形式存在较多的情况之一。
- **`<button>`**: 定义可点击按钮。
- **`<textarea>`**: 多行文本输入区。
- **`<select>` 和 `<option>`**: 下拉菜单组件以及其中的具体选项。
#### 特殊符号处理
- 若要实现特殊空白效果,则需要用到实体名称或者十六进制/十进制数值表示法,像连续多个空格就需要借助这样的方式完成。
以上只是列举了一些较为基础且应用广泛的 HTML 标记,并未穷尽全部可能性;实际开发过程中还会有更多扩展性的语法规则和技术细节需要注意掌握。
```python
# 示例代码片段:创建简单的HTML页面框架
html_structure = """
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document Title</title>
</head>
<body>
<h1>Welcome to My Website!</h1>
<p>This is a paragraph.</p>
</body>
</html>
"""
print(html_structure)
```
阅读全文
相关推荐













