别被忽悠了,小白也能搞定制作简单的网页代码,这3步就够了

别被忽悠了,小白也能搞定制作简单的网页代码,这3步就够了

说实话,刚入行那会儿,我也觉得写代码是天书。

满屏的字母,看着就头疼。

直到我自己动手做了一个简单的个人主页,才发现,制作简单的网页代码,其实没那么玄乎。

很多同行喜欢把问题复杂化,说什么要学HTML5,CSS3,JS框架...

打住。

如果你只是想做一个展示用的简单页面,根本不需要那些花里胡哨的东西。

今天我就把压箱底的经验掏出来,不整虚的。

首先,你得有个心态。

别怕出错。

我第一次写代码,把div写成了dv,浏览器直接白屏。

当时急得满头大汗,以为电脑坏了。

后来查了半天,才发现是拼写错误。

这种低级错误,新手必犯。

所以,别紧张,报错是常态。

报错信息就是你的老师,它告诉你哪错了,你就改哪。

第一步,搭骨架。

也就是HTML。

你可以把它想象成人的骨架。

没有骨架,肉没地方挂。

打开记事本,或者随便找个文本编辑器。

输入,这是告诉浏览器,我是HTML5。

然后,,。

这三个标签是必须的。

在head里写标题,在body里写内容。

比如

这是我的网站

。

这就有了标题。

这是我的简介

。

这就有了段落。

是不是很简单?

很多教程上来就讲语义化标签,什么article,section。

对于新手来说,先让页面能显示内容最重要。

别纠结那么多,先跑起来。

第二步,穿衣服。

这就是CSS。

光有骨架,页面丑得没法看。

CSS就是给骨架穿衣服。

你想让标题居中,就加个text-align: center;。

你想让背景变白,就加个background-color: #fff;。

这里有个坑,很多人喜欢把CSS写在head里,用