说实话,刚入行那会儿,我也觉得写代码是天书。
满屏的字母,看着就头疼。
直到我自己动手做了一个简单的个人主页,才发现,制作简单的网页代码,其实没那么玄乎。
很多同行喜欢把问题复杂化,说什么要学HTML5,CSS3,JS框架...
打住。
如果你只是想做一个展示用的简单页面,根本不需要那些花里胡哨的东西。
今天我就把压箱底的经验掏出来,不整虚的。
首先,你得有个心态。
别怕出错。
我第一次写代码,把div写成了dv,浏览器直接白屏。
当时急得满头大汗,以为电脑坏了。
后来查了半天,才发现是拼写错误。
这种低级错误,新手必犯。
所以,别紧张,报错是常态。
报错信息就是你的老师,它告诉你哪错了,你就改哪。
第一步,搭骨架。
也就是HTML。
你可以把它想象成人的骨架。
没有骨架,肉没地方挂。
打开记事本,或者随便找个文本编辑器。
输入,这是告诉浏览器,我是HTML5。
然后,
,。这三个标签是必须的。
在head里写标题,在body里写内容。
比如
这是我的网站
。这就有了标题。
这是我的简介
。这就有了段落。
是不是很简单?
很多教程上来就讲语义化标签,什么article,section。
对于新手来说,先让页面能显示内容最重要。
别纠结那么多,先跑起来。
第二步,穿衣服。
这就是CSS。
光有骨架,页面丑得没法看。
CSS就是给骨架穿衣服。
你想让标题居中,就加个text-align: center;。
你想让背景变白,就加个background-color: #fff;。
这里有个坑,很多人喜欢把CSS写在head里,用