我的前端之路 - 2(初识HTML) 前端简介
gaoyangw 2024-11-13 10:36 46 浏览 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(反恐精英),游戏的紧张节奏和袁胖的平静形成了鲜明对比。小刘目光紧盯着屏幕,“到时候看看我们是不是在一个组。”
宁静的夜晚,被选中的几个学生,都在以自己的方式准备着,等待周一的到来。
相关推荐
- 百付科技智能拓客解决方案:搜索优化与搜索竞价的协同增长
-
百付科技通过“智能拓客+搜索优化”的深度协同,构建“DeepSeek技术占位+百度竞价引流+内容搜索沉淀”的全域营销闭环,帮助企业在搜索生态中实现从“流量获取”到“用户资产...
- 百度搜索10年来最大改版 搜索框、结果页、生态全面革新
-
7月2日,百度集团股份有限公司(以下简称“百度”)旗下百度搜索宣布进行十年来最大改版,从搜索框、搜索结果页到搜索生态全面革新。最直接的变化是经典的百度搜索框变大,成为“智能框”。原本只支持几十个字的搜...
- 百度搜索10年来最大改版,首次支持超千字文本输入
-
IT之家7月2日消息,在今日的百度AIDay开放日上,百度搜索宣布进行10年来最大改版。百度搜索框升级为“智能框”,支持超千字的文本输入,拍照、语音、视频等能力也全面加强,支持直接调...
- 百度搜索10年来最大改版:推出智能框、升级AI助手
-
7月2日,百度搜索宣布进行十年来最大改版,从搜索框、搜索结果页到搜索生态均有变化。百度搜索框变为“智能框”,支持超千字的文本输入,以及拍照、语音、视频等,还可以直接调取AI写作、AI作图等工具。最直接...
- 深入解析Go测试并行性优化:为何多核CPU无法加速你的测试?
-
一、问题背景:理论与现实的差距最近在优化某项目API测试时,遇到一个反直觉的现象:理论预期:设计为完全并行的测试套件,总耗时应接近最长单测用时实际表现:总耗时是最慢单测的7倍,CPU利用率始终低于50...
- 电脑C盘满了怎么清理?推荐几款靠谱的C盘清理软件
-
电脑c盘满了之后就会导致运行缓慢,而且还会影响到使用体验,到底应该如何来清理呢?今天就为大家来详细的介绍一下,并且推荐几个比较靠谱的c盘清理软件。等到c盘空间不足时,可以选择系统自带的磁盘清理工具。...
- NGINX 性能优化与高级配置:榨干服务器潜能,打造极致体验
-
NGINX以其卓越的性能和高并发处理能力闻名于世,但默认配置往往只是一个普适性的起点。要想真正发挥NGINX的潜能,满足日益增长的业务需求,深入理解其配置并进行精细化调优至关重要。这就像拥有一辆...
- 清理大师拖慢你的电脑?系统优化软件的黑历史你了解吗?
-
你是不是也用过“清理大师”“加速助手”这类软件?它们看起来能释放内存、优化系统,其实很可能反而拖慢了你的电脑。别再中招了,本篇告诉你它们到底在干什么,如何真正提升性能。...
- 游戏修复工具在手,游戏流畅度翻倍!
-
分享四款实用的修复工具,可以帮助不同需求的玩家解决游戏运行故障。1、通过『迅捷DLL修复助手』修复游戏...
- 网络曝光有哪些渠道?为什么好多事情曝光了才会处理!
-
网络曝光有哪些渠道?为什么好多事情曝光了才会处理!社交平台发布:利用微博、微信朋友圈、百度贴吧等社交平台发布相关信息。这些平台用户基数大,传播速度快,是曝光事件的有效渠道。专业媒体联系:如果事件影响较...
- 工业品网络营销/工业品网络推广如何避免价格战?
-
工业品网络营销/工业品网络推广如何避免价格战?产能过剩,现在行业竞争越来越卷了,客户动不动就比价格,有没有同感的老板呢?今天我用我们16年的工业品网络营销的经验,告诉你:好产品就该卖出他该有的价格。很...
- 科普宣传丨暴雨多发季节,这些防汛安全知识请牢记
-
【来源:桦甸发布】雨季来临时常都会出现暴雨大风等天气泥石流、滑坡等情况也时有发生给我们的日常生活带来一些安全隐患那么在防汛期间出行安全有哪些需要注意的地方呢?遇到暴雨怎么办呢?来源:网络综合编辑:高...
- 黄前镇开展“网络同心 文明同行”主题宣传活动
-
岱岳融媒讯:...
- 新闻稿如何发布效果好?新闻推广的重点与难点有哪些?
-
新闻推广是现代社会中不可或缺的一环。随着信息时代的到来,新闻如闪电般迅速传播,通过推广新闻可以让更多人了解并关注相关事件观点和产品。然而如何做到有效的新闻推广却是一个复杂而具有挑战性的过程。开明网络营...
- 百付科技百度营销全攻略:从百度 SEO 到百度一下首页的流量密码
-
在百度生态流量竞争白热化的2025年,百付科技以“百度SEO+纳米AI搜索”为核心,为企业提供从技术优化到商业转化的百度营销全案,助力抢占百度一下首页流量高地。一、百度营销的双轨策略...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- 网站建设 (107)
- 百度收录 (50)
- 搜索引擎排名优化 (49)
- 关键词优化工具 (51)
- 外贸网站建设 (56)
- seo整站优化吧 (50)
- 苏州网站建设 (59)
- 百度搜索推广 (61)
- 关键词优化公司 (51)
- 广州网站建设 (48)
- 电商网站建设 (49)
- 百度站长平台 (48)
- 网站模板 (51)
- 厦门网站建设 (52)
- 百度快照推广 (51)
- 免费网页在线客服系统 (53)
- 雷神代刷网站推广 (53)
- 手机网站建设 (53)
- 网站维护 (53)
- 网页制作教程 (66)
- 百度收录批量查询工具 (48)
- 网站服务器 (53)
- 学生个人网页制作html (56)
- 一键优化 (67)
- 网页制作软件 (49)