发布日期:2025-09-22 15:44浏览次数:
前两天闲着没事干,忽然想搞个个人主页玩玩,结果发现自己连个像样的网页都折腾不出来,简直太丢人了。于是我寻思着,干脆从头开始学点HTML,至少把基本的网页设计搞明白。
我先找了个破电脑,打开记事本就想上手写代码。结果一看空白文档,脑袋一片空白,连代码是啥都记不清了。没办法,翻箱倒柜找出来一本旧书,是以前买的网页设计入门手册,早就落灰了。我随手拍拍灰尘,翻开第一页,才想起HTML的全称是啥"超文本标记语言",听着就头大,就是用些标签来搭积木。
接着我开始照着书折腾,第一步就是创建文件。点开记事本,新建个空白文档,在里面写最基础的框架。标签得手动敲上去,像这种东西,我得一个字一个字按键盘,生怕打错。打错了还得回头检查,折腾半天才保存成html文件。保存位置也没想清楚,直接扔到桌面上了,结果桌面一团乱,文件图标都认不出。
现在框架有了,我就开始往里面加东西。最简单的就是标题,我弄了个标签,在里面塞了个,写上"我的小破站"。回头一想太土了,又改成了"博客主页",然后刷新浏览器一看,标签页上果然变了。
正文部分更难搞了,我直接整了个,开头就想放段欢迎语。写了一句"嗨,欢迎来我这儿",保存后点开文件,页面白花花一片只有文字,丑得没法看。我加了点当小标题,弄成"自我介绍",下面再补上描述自己:
搞完发现列表乱七八糟,原来是标签没闭全。我又查手册纠错,重新调顺序,这才顺眼点。
设计样式的时候,我就想弄个背景色,结果搞不定了。书上说要用CSS,但我压根没学CSS,只能用老办法在标签里加属性。我试着写,保存后刷新,网页突然蓝汪汪一片,看着怪瘆人。我以为出错了,到处查原因,后来发现是颜色值打错了,修改后才正常。
这时候我老婆路过瞅了一眼,笑话我说:“搞半天连图片都加不上?”我一听不服气,想塞张照片进去。折腾,但图片根本显示不出来。电脑里照片藏得太深,路径写错了,网页直接裂个小叉叉。我气得把文件拖到同一个文件夹,才勉强搞定了。
修修补补半天,网页总算能看了。我从头到尾写的完整代码,浏览器一点开:
就这样破玩意儿,我还当宝一样存起来。结果导出后发给朋友看,被他们一顿嘲:“你这网页设计得跟古董似的,用点现代工具不行吗?”我想想也是,以后得学CSS才能升级。
整个过程花了我三个小时,整得一身汗。几年前我还干过网页设计兼职,但老板抠门又不给钱,我一气之下就放弃了。现在重新捡起来,反而怀念那会儿。以后要是搞复杂点,估计得拉个团队一起做,但我就一人在家瞎玩也挺爽的。