制作网页需要学什么？这篇文章让你少走弯路！

今天心血来潮，想搞个自己的网页玩玩，记录一下我的折腾过程。

准备工作

一开始啥也不懂，就去网上到处搜“怎么做网页”。看好多帖子，都说要先学HTML，说是网页的基础。那就从HTML开始！

我找几个在线教程，学几个小时，大概知道HTML就是用各种标签把文字、图片这些东西组合起来。比如用<p>标签表示一段文字，用<img>标签表示一张图片。

动手写代码

光看不练假把式，我决定边学边做。我打开电脑自带的记事本，照着教程，敲一段最简单的HTML代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<p>Hello, world!</p>
</body>
</html>

然后，我把这个文件保存成.html格式，双击打开，哇！浏览器里真的显示出“Hello, world!”，虽然简陋，但还是有点小激动！

加点样式

纯文字太单调，得加点颜色、改改字体啥的。这时候，我又去搜“怎么给网页加样式”，知道要用CSS。

CSS比HTML稍微复杂点，但也能看懂。我学几个简单的CSS属性，比如color改文字颜色，font-size改字体大小。然后，我在HTML文件里加个<style>标签，把CSS代码写进去：

<style>
p {
color: blue;
font-size: 20px;

</style>

保存，刷新浏览器，文字变成蓝色，也变大！

加张图片

光有文字还是不够热闹，得来张图片。我找张我喜欢的猫咪图片，放到和HTML文件同一个文件夹里。

然后，我在HTML里加<img>标签，把图片加进去：

<img src="*" alt="一只可爱的猫咪">

再刷新，猫咪图片就显示出来！

继续折腾

今天就先折腾到这里，虽然只是个很简单的网页，但总算是我亲手做出来的。以后再慢慢学，加更多内容，把它做得更漂亮！

我觉得做网页还挺有意思的，就像搭积木一样，把各种东西拼在一起，呈现出一个完整的作品。下次我要试试加个按钮，点击后能跳转到别的网页，想想就觉得好玩！