：为什么你需要一个个人网页？

嘿，朋友！今天咱们来聊聊一个挺有意思的话题——怎么用3个小时搞定一个属于自己的个人网页。别看“网页制作”这四个字听起来挺高大上，其实啊，它离咱们普通人一点都不远。你想想，现在谁还不用微信、不用朋友圈啊？有个自己的网页，就像给自己在互联网上安了个“门面”，不管是展示作品、分享知识，还是接点私活儿，都方便得很。

我以前也是个小白，第一次接触网页制作的时候，感觉就像在看。代码一行行看不懂，术语一堆堆听不懂数，搞得头都大了。但后来我发现，其实网页制作没那么神秘，它就像搭积木，只要掌握了方法，谁都能玩转。今天，我就用大白话带你们一步步过一遍，保证让你3小时后能撸起袖子自己动手做一个简单的个人网页。

“网页制作不是什么高科技，它就是用一套固定的规则，把你想表达的内容排好队、摆整齐，然后让全世界都能看懂。” —— 这是我在《Web开发入门》里看到的一句话，我觉得特别对。

第一步：准备工作——工具和知识储备

咱们做网页，得先准备点“家伙什”。别担心，都不是啥高科技玩意儿，都是现成的工具。主要有这么几样：

• 文本编辑器：用来写网页代码的。别笑，不是Word那种，而是专门写代码的，比如Visual Studio Code、Sublime Text，这些都不用花钱，随便下载一个就行。
• 浏览器：咱们平时用的Chrome、Firefox这些就行，它们能帮我们预览网页效果。
• 网页模板（可选）：如果你不想从零开始，可以找现成的模板用，省时省力。网上免费模板多得很，随便搜搜就有。
• 基本知识：需要了解几个基本概念，比如HTML、CSS，不用怕，后面会慢慢讲。

我知道，听到“HTML”“CSS”你可能就头疼了。别急，咱们不是要成为专家，就是了解个大概，知道它们是干嘛的就行。简单来说：

• CSS：就像网页的衣服，负责美化。你想让文字变红、背景变绿、按钮长得帅一点，都得靠它。

第二步：搭建网页框架——HTML基础

好了，工具备齐，咱们开始动手。咱们要给网页搭个骨架，这就是HTML部分。别怕，我保证用最简单的方式讲明白。

想象一下，咱们要做一个简单的个人介绍网页，大概需要啥内容？按理说，得有：

• 一段自我介绍
• 一张照片
• 几个技能列表
• 一个联系方式

下面，我给你们写个简单的例子，你们照着敲就行：

<html>
<head>
<title>我的个人网页</title>
</head>
<body>
<h1>关于我</h1>
<p>大家好，我是XXX，一个热爱编程的年轻人...</p>
<img src="my_photo.jpg" alt="我的照片">
<h2>我的技能</h2>
<ul>
<li