web设计一个简单网页

发布日期:2025-11-04 14:47浏览次数:

今天想整个简单网页练练手,结果差点把自个儿电脑给砸了。老笔记本吭哧吭哧开机就卡了五分钟,行,凑合用。

起头就瞎折腾

我先在桌面上建了个破文件夹,名字随便敲了个“我的破网页”。打开记事本,琢磨着咋开头?听说网页都得有"骨头架子"。我就照着以前瞥过两眼的格式,咔咔敲了几行:

  • 什么 包住所有东西
  • 里塞点看不见的信息
  • 最重要的 ,放人眼睛能瞧见的

敲完一保存,文件名输。得,保存完一瞅,不对!网页得是.html结尾的!赶紧删掉.txt,重命名手抖得差点多删个字母。好歹改成了。

往“身子”里塞东西

双击打开这,得,浏览器里一片白茫茫。行,这就开始“装修”。我在和中间那空行,狠狠敲了句:

"欢迎来看我的破烂小站!"

保存,刷新浏览器……我的老天爷!那几个大字竟然真蹦出来了!虽然丑得要死还挤在角落,但那成就感,啧,跟捡了钱似的。

我想整个标题,听说用最大。就学着在刚才那行欢迎语前面加了行:

我的菜鸟实验田

保存刷新,好家伙!那标题字大得差点戳破屏幕!太愣了?我赶紧又加了个小的

副标题:啥也不会

,这下看着顺眼点了。

加点颜色和图片

光秃秃的白底黑字太磕碜。我想把背景弄成米白色。试了半天,在那个括号里加了句:

style="background-color: #FAFAFA;"

也不知道写对没,瞎试的。刷新一看,真变成米黄色了!接着想把欢迎语弄成蓝色,在那个括号里也塞了个style="color: blue;"。保存,刷新……咋没变色?瞪眼一看,原来刚才那句欢迎语没包在里!气得我猛拍桌子。

赶紧改,把那句话前后加了包起来。再刷新,终于变蓝了,丑萌丑萌的。

想着加点图。翻半天硬盘,找到张过年喝啤酒的傻照。把照片也塞进那个破文件夹,名字改成“傻笑.jpg”(真名儿太长浏览器不认)。然后在刚变蓝的欢迎语下边加了行:

刷新浏览器……照片没出来!只看见“喝懵了”仨字。急得我抓耳挠腮,发现是大小写搞错了!图片是.jpg,我代码里打成.JPG了!改回来,照片“哐当”一下怼屏幕上了,尺寸大的恨不得撑破网页。

东拼西凑搞个样儿

折腾得够呛,把网页标题(就是浏览器标签页上显示那个)也改了。在里加了句:

我的第一个破网页

终于有个能看的玩意儿了。标题特大号,副标题小点,蓝色欢迎语,下面挂着我那张快撑爆屏幕的傻笑啤酒照。土是真土,但好歹全是我自己吭哧瘪肚搞出来的。前后折腾了快俩钟头,光保存、刷新这俩动作就按了上百次。

看着成品挠头,这玩意儿离人家那些花里胡哨的网页还差十万八千里!不过……关掉笔记本前,我又自己欣赏了三遍——丑是丑了点,但能跑起来,就是胜利!

如果您有什么问题,欢迎咨询技术员 点击QQ咨询