HTML (HyperText Markup Language) 是一种用来创建网页的标准标记语言。通过使用 HTML，作者可以定义文本，图片，媒体等元素的结构和布局。HTML 的最新版本是 HTML5，它引入了许多新的功能，如跨设备兼容性、多媒体支持和语义标记等。HTML 目前是网页设计的基础，了解并掌握其基础语法是非常重要的。
HTML 简介
HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。它为网页的结构、内容和样式提供了标准的描述方式，是构建万维网的重要基石之一。
HTML 的历史
HTML 最初由 Tim Berners-Lee 在 1989 年创建，旨在为 CERN（欧洲核子研究组织）的研究人员构建一种更好的信息共享方式。起初，HTML 的标签非常简单，只有用于超链接的 标签和用于排版的
标签等。
1995 年，W3C （万维网联盟）发布了 HTML 2.0 版本，并引入了表格、表单等新的标记。1997 年，HTML 3.2 正式发布，支持更多的样式和布局特性。此后，HTML 4.01 于 1999 年发布，在 14 年后的 2013 年，HTML5 终于完成并正式发布。
HTML 的结构
HTML 文档有一个基本的结构，包括头部（head）和主体（body）两个部分。
头部包含了文档的元数据，如标题、风格表、脚本等等。而主体则包含了文档的内容。最简单的 HTML 文档如下：
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
<p>这是一段网页内容。</p>
</body>
</html>
以上代码定义了一个 HTML 5 文档，并包含了一个标题和一段文本内容。
HTML 的标记
HTML 使用标记（即标签）来描述网页的结构、内容和样式。标记通常是用尖括号包围起来的单词或缩写，比如 <p> 标记表示一个段落。
标记通常是成对出现的，包含了一个开始标记和一个结束标记。开始标记包含了标记名称和任意的属性，结束标记仅包含了标记名称。
以下是一些常用的 HTML 标记：
<p>：定义一个段落。<a>：定义一个超链接。<img>：定义一个图像。<ul>和<li>：定义一个无序列表。<ol>和<li>：定义一个有序列表。<table>、<tr>、<td>：定义一个表格。<form>、<input>：定义一个表单。<div>和<span>：定义一个分组标记，用于样式控制和 JavaScript 操作。
HTML 的属性
HTML 中的标记可以包含任意数量和类型的属性，以提供更多的信息和控制。属性通常是包含在开始标记中的，格式为 属性名称="属性值"。例如，下面的超链接包含了一个 href 属性，指向目标链接：
<a href="https://example.com">点击前往 Example 网站</a>
这里的 href 属性定义了一个链接目标，即 example.com。其他常见的属性包括 src（图像或媒体文件的来源）、alt（图像的替代文本）、class（定义元素的 CSS 类名）、id（定义元素的 ID）等等。
HTML 的样式
HTML 最初被设计为一种结构性标记语言，不包含任何样式。但是，随着 Web 技术的发展，人们逐渐发现 HTML 可以通过样式来添加视觉效果，提高用户体验。
样式通常是声明在文档中的 CSS（Cascading Style Sheets）文件中的。但是，HTML 标记也可以包含一些简单的样式属性，如背景色、字体、颜色、对齐等等。
以下是一些常用的 HTML 样式属性：
color：定义文本颜色。background-color：定义背景颜色。font-family：定义字体。font-size：定义字体大小。text-align：定义文本对齐方式。border：定义边框。padding和margin：定义内边距和外边距。
例如，以下代码定义了一个红色文字和黄色背景的标题：
<h1 style="color: red; background-color: yellow;">我的网站</h1>
HTML5 的新特性
HTML5 是 HTML 的最新版本，引入了许多新的特性，包括语义元素、Web 存储、多媒体支持、拖放和图形等等。
以下是一些 HTML5 的新特性：
- 语义元素：HTML5 引入了诸如 <header>、<footer>、<nav>、<section>、<article> 等语义元素来更好地描述文档的内容结构。
- Web 存储：HTML5 中包含了 Web 存储 API，支持本地存储和会话存储，并能够在客户端存储大量数据。
- 音频和视频：HTML5 支持本地音频和视频播放，可直接在浏览器中嵌入。
- Canvas：HTML5 中引入了 Canvas 元素，允许开发者绘制图形和动画。
- 拖放支持：HTML5 支持拖放文件和DOM元素，大大提升了用户体验。
- 响应式 Web 设计：HTML5 和 CSS3 的流体网格、媒体查询和弹性布局等技术，支持在不同终端和浏览器中呈现出最佳的网页设计。
总结
（无）
