网站开发入门：从零开始搭建你的第一个网页
你有没有想过，自己也能做出一个像模像样的网站？其实网站开发没那么神秘，就像搭积木一样，把各个部分拼起来就行。哪怕你之前完全没碰过代码，只要跟着一步步来，几天内就能做出一个能打开、能看的网页。
先搞清楚：网页是怎么跑起来的
打开浏览器，输入网址，页面就出来了。这个过程背后，其实是浏览器在读取一段“说明书”——也就是HTML代码。它告诉浏览器哪里放文字、哪里插图片、哪里加链接。这就像装修房子前的设计图，没有图，工人不知道怎么干。
所以网站开发的第一步，不是买服务器、不是注册域名，而是写几行HTML，看看网页长什么样。
写个最简单的网页试试
打开电脑上的记事本（Windows）或文本编辑器（Mac），复制下面这段代码：
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>你好，世界！</h1>
<p>这是我的第一个网页，我正在学习网站开发。</p>
<p><img src="photo.jpg" alt="我的照片"></p>
</body>
</html>保存为 index.html，然后双击打开。浏览器就会显示你写的文字和图片。注意：photo.jpg 要和这个文件放在同一个文件夹里，不然图出不来。
让网页变得好看一点
光有文字太单调了，加点样式吧。CSS就是管这个的。比如你想把标题变红、居中，可以这样改：
<style>
h1 {
color: red;
text-align: center;
}
</style>把这段代码塞进 <head> 标签里，刷新页面，标题立马变样。你不用背语法，网上一搜“CSS 字体居中”，马上就有答案。
加点小功能：让按钮有点反应
想让网页更互动？用JavaScript。比如加个按钮，点一下弹个提示框：
<button onclick="alert('你点了我！')">点我试试</button>就这么一行，就能让网页“活”起来。别小看这点功能，很多网站的交互都是从这种小动作开始的。
接下来可以做什么
现在你已经有了一个本地能打开的网页。下一步可以试试把这些内容传到网上，让别人也能访问。可以用 GitHub Pages，免费又简单，注册账号后上传你的 HTML 文件，几分钟就能生成一个公开链接。
再往后，学学响应式布局，让你的网页在手机上也能正常看；或者试试表单，收集访客留下的信息。每学会一个小技能，你的网站就多一分实用性。
网站开发不是一天练成的，但第一步特别重要。别等“准备好了”再动手，边做边学才是正道。今天写三行代码，明天就能发朋友圈说：这是我做的网站。