今天上午闲着没事干,突然想起网上那些花花绿绿的网页挺好玩的,就想自己也弄一个试试。反正家里电脑闲着,说干就干,先找找工具和材料再说。
先准备家伙事儿
我跑到电脑前,开机后直接打开那个自带的记事本软件(就是个文本编辑器),这玩意儿简单,不用下别的东西。找了个空文件夹放进去,省得弄乱电脑桌面。
- 第一步:双击记事本,看着空白的页面,想想就叫它“我的小破站”。
- 第二步:键盘敲几下,打出一行html,就是网页的基本框架。
动手开搞代码
手一抖开始写起来。第一行敲了个html标签,这玩意儿就像个房子大门,得放在最前面。
- 第三步:接着加head部分,在里面塞个标题,我叫它“我的第一个瞎搞网页”。
- 第四步:然后搞body,这才是放内容的地儿。我加了段文字说“大家我刚学的,别笑话我”,再加个图片链接试着玩玩。
写着写着,感觉挺顺溜的。没想到这么容易上手,手指飞快地打代码,就跟聊天似的。
预览的时候摔了一跤
保存完文件,后缀改成点html,打开浏览器直接拖进去。文字出来了个大概,但图片没显示,空白一片!当时就火了,心里骂自己“咋回事”。
- 第五步:回头检查代码,图片链接是网上随便粘的,结果失效了,赶紧换个新的。
- 第六步:重新保存,再刷新浏览器,这回图片蹦出来了,乐得我直拍桌子。
弄出个样子货
折腾了一个多小时,网页总算凑合看了:标题醒目,文字加图片,乱糟糟但挺有意思。晚上还显摆给老婆看,结果她说“还不如我发的朋友圈好看”,怼得我笑死。
学html就这么回事,一步一步来,摔坑了就爬出来。我老胳膊老腿都能搞,你们肯定也行的!





