html构建网站

发布日期： 2025-12-18 阅读量： 作者： admin

那天突然想整个自己的小网站，说干就干呗。翻出用了五年的老笔记本，桌面乱七八糟的，顺手建了个新文件夹叫“我的破站”，听着就接地气。

从零开始敲标签

打开记事本就开始瞎敲。第一行肯定得是 <!DOCTYPE html>，这玩意儿好像是个开门咒，告诉浏览器“我这写的是正经网页”。接着就<html>大括号一包，像给内容裹了层棉被。

想着得写点就噼里啪敲了段自我介绍，用<p>包着，像在文字外面套了个塑料袋。看到太密实了，<br />换行敲了几个，空格一下子多出来。

搞了张压箱底的猫片，想放上去。用<img src="蠢猫.jpg" alt="我家的傻猫">，结果图片死活不出来。折腾半天才发现，得把图和网页放同一个抽屉（文件夹）里，或者把图片路径改对，就像抄近路找东西。
加了个链接指向我常逛的摸鱼网站，写<a href="[摸鱼地址]">传送门</a>。点一下就能跳过去，感觉挺神气。

看着网页素了唧的难受，就塞了个<style>标签进脑袋里。把<body>的背景涂成米黄色，像糊了层泥巴。<h1>弄成蓝色，字加大，像贴了块蓝牌子。<p>的字调成深灰，看着不那么扎眼。

保存的时候出幺蛾子了！文件名顺手存成了“网站.*”，结果双击后浏览器打不开，光在记事本里露脸。气呼呼地删掉后面多余的 .txt 才正常。

双击那个 HTML 文件，老破浏览器咔咔响着终于打开了。蓝洼洼的大标题配上我的丑照和文字都出来了，点“传送门”真的能飞走。虽然简陋得像个纸盒子，但自己折腾出来的感觉是真爽！回头再拿 div 当纸盒子继续糊墙，慢慢修修补补。