说实话,刚入行那会儿,我也觉得写代码是高不可攀的技术活。
那时候不懂行,找个外包做个简单的展示页,对方张口就要三千块。
我心想,这不就是写写字吗?能有多难?
后来自己闷头折腾了半个月,才发现中间的水有多深。
今天不整那些虚头巴脑的理论,就聊聊怎么用最笨、最实在的方法,html制作一个网页。
首先,别急着下载那些花里胡哨的编辑器。
什么Visual Studio Code,什么WebStorm,对新手来说,配置环境就能让你崩溃三天。
你只需要一个记事本。
对,就是Windows系统里自带的那个Notepad。
虽然它丑了点,但它干净,没有那些乱七八糟的插件干扰你。
打开它,敲下第一行代码。
这行字是告诉浏览器,我是个标准的HTML5页面。
别嫌它短,这是地基。
接下来是标签,所有的内容都得包在里面。
然后是
,这里是页面的“大脑”,放标题、放样式、放引用。最后是
,这里是“身体”,用户能看到的所有东西,图片、文字、视频,全得塞这里。很多新手最大的误区,就是上来就追求炫酷的效果。
想加个背景图,想搞个悬浮动画。
结果代码写得乱七八糟,浏览器打开全是乱码或者空白。
记住,先让页面能跑起来,再考虑怎么让它好看。
在
里,先写个再写个
这是一段普通的文字
。保存文件,注意后缀名一定要改成.html。
千万别是.txt,否则浏览器打不开,你会怀疑人生。
双击打开,看,你的第一个网页诞生了。
是不是很简单?
但这时候你会发现,页面丑得像个上世纪的产物。
别急,这时候才轮到CSS登场。
你可以新建一个style.css文件,或者直接在HTML里写