很多小白一听到“写代码”就头大，觉得那是程序员干的事。其实真不是。

我当年刚入行做运营的时候，老板让我改个活动页的文案。我打开那个所谓的“后台编辑器”，发现根本加不了粗体，链接还老失效。那一刻我悟了，光靠拖拽组件，永远掌握不了主动权。

于是我开始研究前端。今天不聊复杂的框架，也不扯什么React Vue。咱们就聊聊最基础的，怎样用html制作一个简单的网页。

这玩意儿比你想象的要简单得多。你只需要一个记事本，和一个浏览器。

第一步，别去下载什么昂贵的IDE。Windows自带的记事本，或者Mac的文本编辑，完全够用。

新建一个文件，后缀名改成.html。注意，一定要是.html，不是.txt。很多人卡在这一步，改完后缀发现打不开，那是系统隐藏了已知扩展名，去文件夹选项里改一下就行。

打开这个文件，输入最基础的骨架。

你好，世界

这是我做的第一个页面，虽然丑，但它是我的。

保存，双击打开。是不是看到了“你好，世界”？

这就叫成功。别小看这几十行代码，这就是网页的根。

很多人问，怎样用html制作一个简单的网页，是不是要背很多标签？

不需要。你只需要记住几个常用的。

比如

到

，这是标题，数字越小字越大。

是段落，换行就用这个。

是链接，href后面跟网址。

是图片，src后面跟图片地址。

就这四个，够你拼凑出一个像样的页面了。

我有个朋友，做实体店的，想做个简单的名片页。他不懂代码，后来我教了他这招。他花了两个小时，在电脑上敲了这些代码，把店名、地址、电话都填进去。

最后他发了个链接给客户，客户点开就能看，还能直接打电话。老板当时就惊了，说这得花多少钱请人做吧？我说没花钱，就费了点电。

这就是html的魅力，简单，直接，有效。

当然，现在的网页都讲究美观。光有html，页面就是黑白灰，丑得一批。

这时候你需要引入CSS。也就是层叠样式表。

你可以在里加一段