编辑“︁HTML”︁

{{NoteTA
|G1=IT
|G2=Web
}}

'''HTML'''（超文本标记语言，HyperText Markup Language）是一种用于创建网页的标准标记语言。它通过一系列标签（tags）定义网页的结构和内容，是[[万维网]]（World Wide Web）的核心技术之一，通常与[[CSS]]和[[JavaScript]]配合使用来构建完整的网页。

== 历史 ==
HTML由[[蒂姆·伯纳斯-李]]（Tim Berners-Lee）于1990年提出，最初用于在[[CERN]]（欧洲核子研究组织）内部共享文档。1993年，[[IETF]]（互联网工程任务组）发布了HTML 1.0规范。随后，[[W3C]]（万维网联盟）接管了HTML的标准化工作，并陆续发布了HTML 2.0、HTML 3.2、HTML 4.01、XHTML 1.0等版本。2014年，HTML5成为W3C的推荐标准，引入了许多新特性以支持现代Web应用开发。

== 基本结构 ==
一个典型的HTML文档包含以下基本结构：

<syntaxhighlight lang="html">
<!DOCTYPE html>
<html>
<head>
    <title>网页标题</title>
    <meta charset="UTF-8">
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>
</syntaxhighlight>

* <code><!DOCTYPE html></code> 声明文档类型为HTML5。
* <code><html></code> 是文档的根元素。
* <code><head></code> 包含元数据，如标题和字符编码。
* <code><body></code> 包含网页的可见内容。

== 常用标签 ==
HTML提供了多种标签来定义不同的内容元素：

=== 文本标签 ===
* <code><h1>到<h6></code>：标题，从最高级（h1）到最低级（h6）。
* <code><p></code>：段落。
* <code><a href="URL"></code>：超链接。
* <code><strong></code> 或 <code><b></code>：加粗文本。
* <code><em></code> 或 <code><i></code>：斜体文本。

=== 列表标签 ===
* <code><ul></code>：无序列表。
* <code><ol></code>：有序列表。
* <code><li></code>：列表项。

=== 多媒体标签 ===
* <code><img src="image.jpg" alt="描述"></code>：图像。
* <code><audio></code> 和 <code><video></code>：音频和视频。

=== 表单标签 ===
* <code><form></code>：表单容器。
* <code><input></code>：输入字段。
* <code><button></code>：按钮。

== HTML5 新特性 ==
HTML5引入了许多新特性，包括：
* 语义化标签（如 <code><header></code>、<code><footer></code>、<code><article></code>）。
* 本地存储（LocalStorage 和 SessionStorage）。
* 多媒体支持（<code><audio></code> 和 <code><video></code>）。
* Canvas 和 SVG 绘图。
* Web Workers 实现多线程。

== 实际应用案例 ==
以下是一个简单的HTML表单示例，用于用户登录：

<syntaxhighlight lang="html">
<!DOCTYPE html>
<html>
<head>
    <title>登录表单</title>
</head>
<body>
    <form action="/login" method="POST">
        <label for="username">用户名：</label>
        <input type="text" id="username" name="username" required>
        <br>
        <label for="password">密码：</label>
        <input type="password" id="password" name="password" required>
        <br>
        <button type="submit">登录</button>
    </form>
</body>
</html>
</syntaxhighlight>

== 与其他技术的关系 ==
* [[CSS]]：用于控制HTML元素的样式和布局。
* [[JavaScript]]：用于实现网页的动态交互功能。
* [[HTTP]]：用于在客户端和服务器之间传输HTML文档。

== 未来发展 ==
随着Web技术的进步，HTML仍在不断演进。未来的版本可能会进一步优化性能、增强语义化支持，并引入更多API以支持复杂的Web应用。

== 参见 ==
* [[CSS]]
* [[JavaScript]]
* [[Web开发]]
* [[前端开发]]

[[Category:前端开发]]
[[Category:Web技术]]
[[Category:标记语言]]