手把手教你写第一个网页

本文将教您如何从零开始创建您的第一个网页，我们需要一个文本编辑器来编写代码，比如Notepad++或Sublime Text，输入基础的HTML代码：`, , 和，以建立网页的基本结构，在标签内添加一些文本内容，如标题、段落和图片，完成后，保存文件为.html扩展名，index.html，用浏览器打开此文件即可查看您制作的网页。

在这个数字化时代,互联网已成为我们生活中不可或缺的一部分，而网页，则是互联网的第一扇窗口，我们将手把手教你如何使用HTML和CSS来创建自己的第一个网页。

HTML基础：构建网页骨架

HTML,全称为HyperText Markup Language（超文本标记语言），是用于创建网页的标准标记语言，它通过一系列标签（tag）来描述网页的结构和内容。

第一个HTML文档

让我们从一个简单的HTML文档开始,一个完整的HTML文档通常包括<!DOCTYPE>, <html>, <head>和<body>这几个部分。

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">我的第一个网页</title>
</head>
<body>
    <!-- 网页内容将放在这里 -->
</body>
</html>

<!DOCTYPE html> 声明了文档类型，告诉浏览器这是一个HTML5文档。
<html lang="zh"> 定义了文档的语言为中文。
<head> 部分包含了文档的元数据，如字符集、标题等。
<body> 部分是网页的主体内容，我们可以在这里添加文本、图片、链接等元素。

CSS基础：美化网页

CSS,全称为Cascading Style Sheets（层叠样式表），用于描述HTML文档的外观和样式。

在HTML中使用CSS

我们可以在<head>部分引入CSS代码，或者使用内部样式表的方式定义样式，下面是一个使用内部样式表的例子：

<!DOCTYPE html>
<html lang="zh">
<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>

在这个例子中,我们使用<style>标签定义了两个CSS规则：body选择器用于设置整个页面的字体和背景颜色，h1选择器用于设置一级标题的颜色和对齐方式。