当前位置:首页 > 知识 > html网页制作实验总结 正文

html网页制作实验总结

时间:2026-10-17 05:04:38 来源:力不从心网
html网页制作实验总结

第一次用记事本写HTML时,网页我把标签拼错了,制作总结写成了,实验浏览器直接给我渲染出一片空白。网页这种错误在DW里不会发生,制作总结因为软件会自动补全。实验但恰恰是网页这种“低级错误”,让我真正记住了标签的制作总结结构——不是靠眼睛看,而是实验靠手指敲出来的肌肉记忆。

实验课的网页内容并不复杂:做一个个人主页,要求包含标题、制作总结段落、实验列表、网页图片和超链接。制作总结我选了喜欢的实验乐队做主题,找了一张演唱会照片,用标签插进去的时候,忘了写alt属性。老师说这不行,屏幕阅读器读不出来,视力障碍用户就看不到这张图。我愣了一下,平时看网页从没注意过这些。后来我加了alt="主唱站在聚光灯下",突然觉得这张图有了声音。

排版是最折磨人的环节。我试着用

来布局,把导航栏放在左边单元格,内容放右边。做是能做出来,但代码乱得像打结的耳机线。老师路过看了一眼,说:“你现在可以这样写,但等你学了CSS,会想把这段代码删掉的。”我没听懂,直到我试着调整列宽——调一个地方,三个单元格跟着错位,改回来又花了一刻钟。那一刻我明白了什么叫“结构跟表现分离”。

后来实验要求加一个表单,我写了文本框、单选按钮和提交键。提交后页面跳转到百度,因为没有写处理脚本。但让我印象最深的是

做超链接时出了个笑话。我给“乐队官网”加链接,href写成了“www.band.com”,结果点击后浏览器提示找不到页面——因为我没写“https://”。老师补了一句:“协议是地址的一部分,不是装饰。”这句话我记到现在。技术上是个低级失误,但背后是对URL结构理解的缺失。网页不是一张纸,它是一张网,每个节点都要有准确的坐标。

最后验收的时候,我打开自己做的页面,发现图片加载很慢,因为那张演唱会照片原图有5MB。隔壁同学用了压缩后的版本,几乎秒开。我问他怎么弄的,他说用PS导出时选“Web格式”就行。这种细节课本上没写,但实际做网页天天会遇到。性能不是加分项,是基础项——用户等不了你三秒。

实验做完,我最大的感受是:HTML不难,难的是“想清楚再动手”。我中途为了省事,把样式直接写在标签里,结果想改字体颜色,得翻二十几处。后来重写了一遍,把所有样式放到