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

HTML和CSS是创建网页的基础，在这个入门指南中，我们将教您如何编写第一个网页，了解HTML的基本结构，包括文档类型、元素、属性和嵌套，学习CSS的基本语法和用法，如选择器、样式属性和值，以及如何将CSS应用于HTML元素，通过一个简单的示例，展示如何创建一个包含标题、段落和列表的简单网页。

在这个数字化时代,网页已经成为了我们生活中不可或缺的一部分，无论是个人博客、企业官网还是电商平台，都离不开精美的网页设计，而HTML和CSS作为网页设计的基石，其重要性不言而喻，本文将带领大家从零开始，手把手教你如何使用HTML和CSS编写第一个网页。

第一部分：HTML基础

1 HTML简介

HTML（HyperText Markup Language）即超文本标记语言，是用于创建网页的标准标记语言，它可以将文本内容组织成文档结构，并通过链接将各个部分连接起来。

2 基本标签

编写HTML文档首先要了解一些基本的标签。

<!DOCTYPE html>：声明文档类型。
<html>：整个HTML文档的根元素。
<head>：包含文档的元数据，如标题、字符集等，`：设置网页标题，显示在浏览器标签页上。
<body>：包含网页的主要内容。

第二部分：CSS基础

1 CSS简介

CSS（Cascading Style Sheets）即层叠样式表，用于控制网页的布局和外观，与HTML相比，CSS更加灵活和强大，能够创造出复杂而精美的网页设计。

2 基本选择器

在CSS中,有三种基本的选择器：

元素选择器：直接使用HTML标签名作为选择器，如p、h1等。
类选择器：以开头，后面跟类名，如.classname。
ID选择器：以开头，后面跟ID名，如#idname。

3 基本样式

掌握一些基本的CSS样式,对于网页设计至关重要。

颜色：使用color属性可以改变文本颜色。
尺寸：使用width、height、padding、margin等属性可以控制元素的尺寸和内边距。
字体：使用font-family、font-size、font-weight等属性可以设置字体样式和大小。

第三部分：编写第一个网页

现在我们已经了解了HTML和CSS的基础知识,接下来我们将一起动手编写一个简单的网页。

1 创建HTML文件

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

2 编写HTML代码

在文件中输入以下HTML代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">我的第一个网页</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
        }
        h1 {
            color: #333;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>欢迎来到我的网页！</h1>
    <p>这是一个简单的网页示例。</p>
</body>
</html>