知识篇 -- HTML简介：网页的骨架
HTML（HyperText Markup Language），即超文本标记语言，是构建万维网（World Wide Web）页面的标准标记语言。它不是一种编程语言，而是一种用于描述网页结构的标记语言。通过HTML，我们可以将文本、图片、链接、视频等内容组织起来，形成用户在浏览器中看到的网页。HTML是前端开发中最基础也是最核心的技术之一，它为网页提供了骨架，而CSS负责美化，JavaScript则赋予交互。
# HTML的起源与发展
HTML的诞生可以追溯到1989年，由蒂姆·伯纳斯-李（Tim Berners-Lee）提出，最初是为了方便科学家们共享文档。经过多年的发展，HTML不断演进，从最初的HTML 1.0到HTML 4.01，再到如今广泛使用的HTML5，每一个版本都带来了新的特性和改进，使其能够适应不断变化的Web需求。
HTML5是当前最主流的HTML版本，它引入了许多新元素和API，如 <article>, <section>, <nav>, <header>, <footer> 等语义化标签，以及 <video>, <audio>, <canvas> 等多媒体支持，极大地丰富了网页的表现力，并提升了Web应用的开发能力。
# HTML的核心作用
HTML的核心作用是定义网页的结构和内容。它通过一系列的“标签”（Tags）来标记不同的内容块，例如：
- 标题：
<h1>到<h6>用于定义不同级别的标题。 - 段落：
<p>用于定义文本段落。 - 链接：
<a>用于创建超链接，实现页面间的跳转。 - 图片：
<img>用于在网页中嵌入图片。 - 列表：
<ul>（无序列表）、<ol>（有序列表）和<li>（列表项）用于组织列表内容。 - 表格：
<table>、<tr>、<td>等用于创建表格。
这些标签通常成对出现，如 <p>内容</p>，其中 <p> 是开始标签，</p> 是结束标签，它们之间的内容就是被标记的元素。有些标签是自闭合的，如 <img>。
# HTML文档的基本结构
一个典型的HTML文档通常包含以下基本结构：
<!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>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<header>
<h1>欢迎来到我的网站</h1>
</header>
<nav>
<ul>
<li><a href="/">首页</a></li>
<li><a href="/about">关于我们</a></li>
</ul>
</nav>
<main>
<section>
<h2>这是一个内容区域</h2>
<p>这里是页面的主要内容。</p>
</section>
</main>
<footer>
<p>© 2024 我的网站</p>
</footer>
</body>
</html>
<!DOCTYPE html>：文档类型声明，告诉浏览器这是一个HTML5文档。<html lang="zh-CN">：HTML文档的根元素，lang属性定义了文档的语言。<head>：包含文档的元数据，如字符集、视口设置、页面标题、外部样式表和脚本链接等，这些内容不会直接显示在网页上。<body>：包含网页的所有可见内容，如文本、图片、链接等。
# 总结
HTML是构建Web世界的基石，它定义了网页的结构和内容。从简单的文本到复杂的交互式应用，一切都始于HTML。掌握HTML是成为Web开发者的第一步，也是理解Web工作原理的关键。随着Web技术的不断发展，HTML将继续演进，但其作为网页骨架的核心地位将始终不变。