专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

我的前端之路 - 2(初识HTML) 前端简史

ins518 2024-10-06 10:35:05 技术文章 13 ℃ 0 评论

P图仔

晨光透过宿舍的窗户,小光背起蓝色斜挎包,带上电脑和充电器兴奋的出门。他的室友们还在梦乡中,他轻手轻脚地关上宿舍门,飞快的穿过楼道走下楼梯。7点整,食堂的灯光已经亮起,他迅速买了两个热腾腾的包子,然后大步流星地朝软件实验室走去。

校园的周末早晨格外宁静,偶有同学前往图书馆,小光微笑着点头打招呼。图书馆外的大钟指向7点半,他站在软件实验室门前,却发现门还是锁着的,不禁感到一丝尴尬。

他在台阶上坐下,耐心等待了二十分钟。终于,师兄慢悠悠地走了过来,看到小光,师兄笑着打招呼:“呦,小光,来得这么早啊。”小光也笑着回应:“师兄早。”

实验室内空旷而静谧,两人并排坐下。小光从包里拿出一副有线耳机,插入笔记本电脑,轻快的电子音乐随即流淌而出,为即将开始的工作增添了几分活力。

随着音乐的节奏,小光开始着手处理第二张图,叠加涂层,添加渐变,将学校图书馆的照片放在右侧... 时间过的很快,接下来是第三张图。

QQ 消息响起,“大哥,你人在哪,晚上有社团活动别忘了,圣诞前夕的动漫电影大放送”,是阿飞发的消息。 “忘不了” 许久小光回复了一句。

打开阿飞发的 gif 合成软件,小光把三张图合成在一起,设定好循环播放的时间间隔,成了。

“不对,怎么这么糊,而且像素点怎么这么大” 小光开始慌了。

HTML

午后的阳光透过实验室的窗户,小光匆匆解决了午餐,便迫不及待地回到了他的办公位置。面对图片模糊的问题,他决定先采取权宜之计,将图片贴到网站上。

这个网站的框架是师兄从网上找来的,基于一个现成的模板。代码中充斥着大量的表格,使得整个项目显得有些冗赘。所有的图片都被统一存放在一个文件夹里,小光也将自己的P图作品放置在了相同的位置,并正确设置了引用路径。尽管他对许多细节还不太了解,但幸运的是,项目中包含了一个简易的文档(readme),他可以按照文档的指导让项目运行起来。

然而,当图片显示在网页上时,小光发现新的问题出现了——他制作的图片尺寸似乎并不合适。每当他拖动浏览器窗口调整大小时,网页的布局就会变得扭曲,图片也显得模糊不清。

“这回棘手了,”小光不禁感叹道,“图片不清晰,网页布局错乱,还有这一堆让我摸不着头脑的HTML代码。”他揉了揉太阳穴,感到一阵头疼。

“你遇到的问题也困了我好久”,说这师兄递过来一本《网页设计三剑客》“你刚接触,看看这个吧”

反正也没有太好办法,小光拿起书开始啃了起来,一遍揉着太阳穴,一遍翻开了第一张 “HTML” 小光喃喃自语道。


HTML(HyperText Markup Language,超文本标记语言)是一种用于创建网页和网上应用的标准标记语言。HTML通过一系列元素(称为标签)来结构化和描述网页内容,这些内容可以包括文本、图片、链接、视频等。

HTML不是编程语言,而是一种标记语言,用于告诉浏览器如何显示网页内容。HTML使用元素来包裹内容,元素由开始标签、内容和结束标签组成。例如,<p>这是一个段落。</p>。


读到后面,讲到生产页面 HTML 的工具,dramweaver,这东西对于当年的人已经算是先进生产工具了。通过拖拽就能把页面组织好,还能生成 HTML 页面,一晃到了下午 4 点。

头疼,问题没解决,开了一堆拖拽网页的东西,感觉好像做不完了,就在此时QQ消息又响了。

“大会长,出来干活” 是小东发的消息,“算了,换换脑子” 小光收起电脑,和师兄打了声招呼就离开了实验室。


观影

社团活动的场地在晚饭前已经布置完成,场地就是白天上课的某间大教室,放出投影一切准备就绪。社团每两周都会精心挑选一部动漫电影进行放映。副社长小东总能神奇地从网络上搜寻到高清无损的动画资源,而副社长阿飞则凭借其广泛的人脉,从熟悉的老师那里借来了展示架和海报展板。小光作为社长,虽然在筹备社团和设计海报方面出了不少力,但在日常运营上,似乎更多地依赖阿飞和小东。

小光将那张曾经吸引马老师目光的海报张贴在显眼的位置,上面印着今晚的观影信息和时间。随着时间的推移,同学们开始三三两两地进入教室,其中不乏临近圣诞节来寻找浪漫氛围的情侣。

小光坐在教室的后排,目光穿过渐渐入座的人群,停留在忙碌的小东和零星的观众身上。然而,他的思绪却早已飘向了白天遇到的难题,思考着该如何解决。

电影开始放映,马老师在课上的一句话忽然在脑袋里闪过

“先让程序跑起来,再让程序好起来”

“明天,至少先完成一个能看的版本”,小光看着屏幕,嘟囔着

夜空

与此同时,在校园的另一角,图书馆的台阶上,软件工程专业的路申和李有正并肩走着,他们是小光的同班同学,编程功底扎实。

路申打破了沉默:“马老师提了,下周一我们得去软件实验室报道。”

“好事啊,”李有应和着,语气中带着一丝兴奋,“听说这次是组织了几个校园项目,我们这一届有好几个人被选中了。”

两人一边闲聊,一边走进了图书馆的大门,很快便融入了馆内熙熙攘攘的人群之中。


在另一个宿舍里

袁胖坐在宿舍的书桌前,正忙着拆开刚到的快递包裹。他的圆眼镜下,一双充满好奇的小眼睛闪烁着兴奋的光芒。包裹里躺着的是他心仪已久的小型天文望远镜。

袁胖抬头望向窗外的夜空,星星点点,收回目光和隔壁床的小刘说:“马老师说周一下午在软件实验室集合。”

小刘,袁胖的室友,正在一旁投入地玩着 CS(反恐精英),游戏的紧张节奏和袁胖的平静形成了鲜明对比。小刘目光紧盯着屏幕,“到时候看看我们是不是在一个组。”


宁静的夜晚,被选中的几个学生,都在以自己的方式准备着,等待周一的到来。

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表