HTML 简介

HTML（HyperText Markup Language，超文本标记语言） 是用于创建网页的标准标记语言。HTML 由一系列 标签（Tags） 组成，浏览器通过解析 HTML 代码来渲染网页内容。

🔹 HTML 的特点

  1. 标记语言：HTML 通过标签来标记网页中的不同部分，如文本、图片、链接等。
  2. 跨平台：HTML 可以在任何支持 Web 浏览器的设备上运行，如电脑、手机、平板。
  3. 简单易学：HTML 语法直观，易于学习和使用。
  4. 与 CSS 和 JavaScript 结合：HTML 负责网页结构，CSS 负责样式，JavaScript 负责交互。

🔹 HTML 基本结构

HTML 文档通常包括 <!DOCTYPE html> 声明，并包含 <html>、<head> 和 <body> 三个主要部分：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的第一个 HTML 页面</title>
</head>
<body>
    <h1>欢迎来到 HTML 世界！</h1>
    <p>这是一个 HTML 示例页面。</p>
</body>
</html>

🔹 HTML 常见标签

标签作用
<h1> ~ <h6>标题（从最大到最小）
<p>段落
<a href="URL">超链接
<img src="图片URL" alt="描述">图片
<ul> / <ol>无序 / 有序列表
<table>表格
<form>表单

🔹 HTML 进阶

1️⃣ HTML5

HTML5 是 HTML 的最新标准，增加了许多新特性：

  • 语义化标签（<header>、<footer>、<article> 等）
  • 本地存储（localStorage、sessionStorage）
  • 多媒体支持（<audio>、<video>）
  • Canvas 绘图（<canvas>）

2️⃣ CSS & JavaScript

  • CSS 用于美化 HTML 页面，例如： body { background-color: lightblue; } h1 { color: red; }
  • JavaScript 用于增加交互功能，例如： alert("欢迎来到我的网站！");

🎯 总结

  • HTML 是网页的基础，用于定义结构和内容。
  • HTML 结合 CSS 和 JavaScript，可创建丰富的网页应用。
  • HTML5 提供了更强大的功能，支持现代 Web 开发。

现在，你可以开始创建自己的网页啦！🚀