本教程将教您如何使用HTML和CSS创建第一个网页，您需要了解HTML的基本结构，包括元素、标签和属性，并学会使用标题、段落、列表和链接等元素来构建网页，您将学习如何使用CSS来设置网页的布局和样式，包括选择器、盒模型、浮动和定位等，通过编写代码，您可以创建一个简单的网页，并学习如何调整元素的位置和大小，使网页更加美观和易于访问。
随着互联网的快速发展，越来越多的人开始学习并使用网页，对于初学者来说，如何从头开始创建一个简单的网页可能会感到困惑，本文将带你走进HTML和CSS的世界，通过手把手教学的方式,让你了解如何制作自己的第一个网页。
HTML基础：构建网页骨架
HTML（HyperText Markup Language）是用于创建网页的标准标记语言，它定义了网页的基本结构和内容，要开始学习HTML,你需要了解一些基本的标签。
-
元素与标签：HTML由一系列的元素组成，每个元素都由一个开始标签和一个结束标签组成。
是一个段落标签，
到
标签。
-
属性：元素的开始标签中可以包含属性，这些属性为元素提供额外的信息。
中的 "src" 属性指定了图片的来源。 -
文档结构：一个基本的HTML文档通常包括<!DOCTYPE html>声明、元素、
元素和元素。
<!DOCTYPE html> <html> <head>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网站</h1> <p>这是一个段落。</p> </body> </html>
CSS基础：美化网页
CSS（Cascading Style Sheets）用于控制网页的外观和布局，CSS使我们能够轻松地改变网页的颜色、字体、边距等样式。
-
选择器：CSS通过选择器来定位HTML元素并应用样式，常见的选择器包括元素选择器（如
p）、类选择器（如.class-name）和ID选择器（如#id-name）。 -
样式属性：选择器可以应用于各种样式属性，如颜色（
color）、字体（font-family）、边距（margin）和填充（padding）等。
下面是一个简单的CSS示例,用于设置网页的背景颜色和段落文本的颜色：
body {
background-color: lightblue;
}
p {
color: navy;
}
将HTML与CSS结合：创建第一个网页
现在你已经了解了HTML和CSS的基础知识，接下来我们将它们结合起来,创建自己的第一个网页。
-
HTML文件：你需要创建一个HTML文件，如
index.html,并将上述HTML代码粘贴进去。 -
CSS文件：创建一个CSS文件，如
styles.css,并将上述CSS代码粘贴进去。 -
链接CSS文件：在HTML文件的
<head>部分添加以下代码,将CSS文件链接到HTML文档中：
<link rel="stylesheet" href="styles.css">
- 保存并预览：保存HTML和CSS文件，然后在浏览器中打开HTML文件，你应该能看到一个简单的网页,其中包含一段文本和一个蓝色的背景。
通过本文的学习，你已经掌握了HTML和CSS的基础知识，并成功创建了自己的第一个网页，这是编写网页的第一步，但绝不是最后一步，随着你的技能不断提升，你可以开始学习更高级的技术，如JavaScript、响应式设计等,以创建更加复杂和动态的网页。