# HTML & CSS 教程
欢迎来到我的HTML和CSS教程！在这个教程中，我们将一起学习如何使用HTML和CSS来创建和设计网页，无论你是初学者还是有一定经验的开发者，这个教程都将为你提供有关HTML和CSS的实用信息。
**HTML (HyperText Markup Language)** 是用于创建网页的标准标记语言，它用于描述网页的结构和内容。
**CSS (Cascading Style Sheets)** 是一种样式表语言，用于描述网页的外观和布局，CSS使你能够分离内容和设计，这使得网页更易于维护和更新。
在开始之前，我想强调一下，这个教程不会涵盖HTML和CSS的所有细节，我们会专注于基本概念和实际应用，以帮助你快速上手。
## HTML 基础
### HTML 文档结构
让我们从一个简单的HTML文档开始：
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>这个HTML文档由几个部分组成：
* `` 声明了这个文档是HTML5文档。
* `` 元素是根元素，包含了整个文档的内容。
* `` 元素包含了文档的元数据，比如标题、字符编码等。
* `` 元素定义了文档的标题，它将显示在浏览器的标题栏或标签页上。
* `` 元素包含了可见的页面内容，如标题、段落等。
### HTML 标签
HTML有很多不同的标签来描述不同类型的内容，下面是一些常见的HTML标签：
* `` - ``：用于定义标题，`` 是最大的标题，`` 是最小的标题。
* ``：用于定义段落。
* ``：用于定义超链接。
* ``：用于插入图片。
* ``、`` 和 ``：用于创建列表，`` 用于无序列表，`` 用于有序列表，`` 用于列表项。
### HTML 属性
HTML标签可以拥有属性，它们提供了关于元素的额外信息，`` 标签的 `href` 属性指定了链接的目标URL，`` 标签的 `src` 属性指定了图片的来源。
## CSS 基础
### CSS 选择器
CSS选择器用于选择你想要样式化的元素，以下是一些常见的CSS选择器：
* 元素选择器：例如 `p` 选择所有的 `` 元素。
* 类选择器：例如 `.my-class` 选择所有具有类名 "my-class" 的元素。
* ID选择器：例如 `#my-id` 选择具有ID "my-id" 的元素，每个页面中的ID应该是唯一的。
### CSS 属性 & 值
CSS属性定义了你想要更改的样式，而值则定义了实际的样式效果，`color: red;` 将文本颜色设置为红色。
