**手把手教你写第一个网页：HTML与CSS基础**，创建一个HTML文件，输入基本的HTML结构，并定义两个链接：一个主页和一个关于页面，利用外部CSS文件来美化网页，设置标题、段落、链接的样式以及添加一个简单的背景图片，保存并在浏览器中预览，即可看到完成的第一个网页，本教程涵盖了从文件创建到样式的完整流程，旨在引导你掌握HTML和CSS的基础知识。
在数字时代，网页设计是一项必备技能，无论是个人博客、企业官网还是在线广告，都离不开精美的网页设计，如果你对HTML和CSS基础知识感到好奇,那么本文将引导你通过实践来创造属于你自己的第一个网页。
了解HTML和CSS的基础知识
在开始编写网页之前，你需要对HTML（超文本标记语言）和CSS（层叠样式表）有一个基本的了解。
HTML 是一种标记语言，用于创建网页的结构，通过特定的标签，你可以定义文档中的各个部分，如标题、段落、列表等。
CSS 则用于描述网页的外观和格式，它允许你控制文本的字体、颜色、大小,以及元素的布局和间距。
准备工作
在开始编写代码之前，请确保你的计算机上已经安装了文本编辑器，如Notepad（记事本）、Sublime Text或Visual Studio Code等,这些工具将帮助你创建和编辑HTML和CSS文件。
编写你的第一个网页
创建HTML文件
使用文本编辑器创建一个新的文本文件，并将其命名为index.html,这将是你的主HTML文件。
在文件的开头,添加以下基本HTML结构：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">我的第一个网页</title>
</head>
<body>
<!-- 在这里编写网页内容 -->
</body>
</html>
这段代码定义了一个基本的HTML文档结构，包括<html>、<head>和<body>标签，你可以在<head>部分添加元数据，如字符集和视口设置，而在<body>标签内则可以编写网页的具体内容。
添加CSS样式
我们将为这个网页添加一些简单的CSS样式，在<head>部分内,插入以下CSS代码：
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: darkblue;
text-align: center;
}
p {
color: darkgreen;
font-size: 16px;
}
</style>
这段CSS代码设置了页面的背景色、字体、文本颜色以及段落的字体大小和文本对齐方式。
你可以在<body>标签内添加你的文本内容。
<h1>欢迎来到我的网站！</h1> <p>这是一个使用HTML和CSS编写的简单网页。</p>
将上述HTML代码片段粘贴到<body>标签内的相应位置,然后保存文件。
在浏览器中查看你的网页
双击index.html文件或在计算机上的浏览器中打开它,你就可以看到你精心制作的第一个网页了！
通过本文的学习，你已经掌握了使用HTML和CSS创建和设计网页的基本方法，你可以尝试扩展你的技能，学习更多的HTML和CSS特性，或者深入研究前端开发的其他领域，如JavaScript、响应式设计和框架等。
