HTML和CSS基础，手把手教你写第一个网页

本文将教您如何使用HTML和CSS创建基本网页，介绍HTML的基本结构，包括`、、和`标签，并解释每个部分的作用，阐述CSS的重要性及如何为网页添加样式，包括选择器、属性和值，并展示如何应用样式使网页更美观。，通过实际操作，教会您如何编写HTML和CSS代码，以及如何将它们组合在一起制作第一个完整的网页。

在数字化时代，网页设计已成为展示个人、企业或组织形象的重要方式，掌握HTML（超文本标记语言）和CSS（层叠样式表）的基础知识，是制作网页的必备技能,本文将详细介绍如何手把手教你使用HTML和CSS编写第一个网页。

第1章：HTML基础

1 什么是HTML？

HTML是一种用于创建网页的标准标记语言，它定义了网页的结构和内容，如标题、段落、列表等。

2 HTML的基本语法

HTML文档由一系列的元素组成，每个元素都由开始标签、结束标签和中间的内容组成。

<h1>这是一个标题</h1>
<p>这是一段段落。</p>

3 创建第一个HTML页面

使用文本编辑器（如Notepad++、Sublime Text等）创建一个新的文本文件，并将其扩展名改为.html，命名为index.html。

第2章：CSS基础

1 什么是CSS？

CSS是用于描述HTML元素样式的语言，通过CSS，我们可以控制网页的外观和布局，如字体、颜色、背景、位置等。

2 CSS的基本语法

CSS使用选择器来指定要应用样式的HTML元素,然后使用声明块来指定样式属性及其值。

body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
}
h1 {
    color: #333;
    text-align: center;
}

3 创建第一个CSS文件

在与HTML文件相同的目录下，创建一个新的文本文件，并将其扩展名改为.css，命名为styles.css。

第3章：将HTML和CSS结合起来

1 在HTML文件中引入CSS文件

在HTML文件的<head>部分，使用<link>标签引入CSS文件。

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">我的第一个网页</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是一个简单的段落。</p>
</body>
</html>