跳转到内容

HTML

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

历史[编辑 | 编辑源代码]

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文档包含以下基本结构:

<!DOCTYPE html>
<html>
<head>
    <title>网页标题</title>
    <meta charset="UTF-8">
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>
  • <!DOCTYPE html> 声明文档类型为HTML5。
  • <html> 是文档的根元素。
  • <head> 包含元数据,如标题和字符编码。
  • <body> 包含网页的可见内容。

常用标签[编辑 | 编辑源代码]

HTML提供了多种标签来定义不同的内容元素:

文本标签[编辑 | 编辑源代码]

  • :标题,从最高级(h1)到最低级(h6)。
  • :段落。

  • <a href="URL">:超链接。
  • :加粗文本。
  • :斜体文本。

列表标签

    • :无序列表。
      1. :有序列表。
      2. :列表项。

    多媒体标签[编辑 | 编辑源代码]

    • <img src="image.jpg" alt="描述">:图像。
    • <audio><video>:音频和视频。

    表单标签[编辑 | 编辑源代码]

    • <form>:表单容器。
    • <input>:输入字段。
    • <button>:按钮。

    HTML5 新特性[编辑 | 编辑源代码]

    HTML5引入了许多新特性,包括:

    • 语义化标签(如 <header><footer><article>)。
    • 本地存储(LocalStorage 和 SessionStorage)。
    • 多媒体支持(<audio><video>)。
    • Canvas 和 SVG 绘图。
    • Web Workers 实现多线程。

    实际应用案例[编辑 | 编辑源代码]

    以下是一个简单的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>
    

    与其他技术的关系[编辑 | 编辑源代码]

    • CSS:用于控制HTML元素的样式和布局。
    • JavaScript:用于实现网页的动态交互功能。
    • HTTP:用于在客户端和服务器之间传输HTML文档。

    未来发展[编辑 | 编辑源代码]

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

    参见[编辑 | 编辑源代码]