​零基础教你学前端——0.网页是什么

零基础教你学前端——0.网页是什么

现在开始,我们要正式进入大前端的技能学习了。先来认识什么是网页。

不管你是不是小白,是否了解前端, 在日常生活中,这些东西你一定经常接触,比如网站,手机APP,微信小程序,智能电视,数据可视化大屏,地图应用,网页游戏。

这些我们看到的界面,其实全部都是网页,我们也会发现一个特点:我们所看到的所有网页,他们都有一个共同的载体, 这个载体就是我们的浏览器,没有浏览器,我们的网页就不能执行,这就好像我们平时使用的APP一样,他们要依赖于我们的手机操作系统,如果没有手机操作系统,这些APP软件就不能执行,他们的存在就没有任何价值了,那浏览器如何获取这些网页呢?

以电脑浏览器为例,当你在浏览器中输入千锋教育网址,浏览器使用这个网址,通过互联网去向千锋服务器发起请求,服务器得到请求之后, 再通过互联网会向浏览器中返回一个文件,这个文件在浏览器中运行,它就生成了一个网页。

网页的的组成主要就是三个部分内容,分别是 :HTML、CSS 和 JavaScript。

什么是HTML呢?它决定了网页里显示什么内容, 比如在网页中显示一个按钮;

什么又是CSS呢? 它可以修饰每一个内容的外观,包括大小、颜色、 位置等内容, 比如CSS可以把按钮变成带有圆角并且红色背景的样式。

那什么是JavaScript呢? 它主要是负责网页中一些动态的效果, 例如:当你点击这个按钮的时候,就会播放一段视频。

接下来用一个案例来验证一下HTML,CSS,JavaScript的作用,

现在我们看到的是这个网页的效果: 有内容 、有样式、并且可以交互

接下来,我们把 HTML 的内容删除掉,会看到浏览器中什么内容都没有了

然后,我们保留 HTML,同时把 CSS 去掉,我们发现,网站变得丑陋了。 只有HTML的文本 文字链接和图片了, 显的杂乱无章。

最后,我们把 JavaScript 去掉,只保留 HTML和CSS,看起来页面好像没有什么变化, 还是老样子,但是我们在使用搜索引擎的时候, 原有的交互效果都已经不见了。

现在,你理解HTML\CSS\JAVASCIPT 的作用了吗?构成网页的这三个部门相辅相成 缺一不可。

接下来 我们从 HTML 开始学习如何制作网页了, 网页技术的发展始终离不开 HTML从1993年HTML的诞生 到2014年HTML5的问世 短短的十几年时间 技术由原来的只关注电脑端页面技术发展 慢慢涉及移动设备领域 对于她和CSS的结合再也不容忽视 时至今日 HTML5已经给我们带来了前所未有的产品体验

HTML 的探索旅程即将开始 准备和我一起扬帆 启航!

​中国十大恐怖小吃排名(中国吃货“都怕”的10大小吃,外国人看得龇牙咧嘴,根
​中国十大恐怖小吃排名(中国吃货“都怕”的10大小吃,外国人看得龇牙咧嘴,根

中国十大恐怖小吃排名(中国吃货“都怕”的10大小吃,外国人看得龇牙咧嘴,根 本下不去口) 中国小吃太多了,很多都被外国吃货认可,像是麻辣烫和豆包之类的美食,但是也有一些...

​有人说NBA啦啦队收入比不过球童,那啦啦队和球童具体收入多少,球童是干什么
​有人说NBA啦啦队收入比不过球童,那啦啦队和球童具体收入多少,球童是干什么

有人说NBA啦啦队收入比不过球童,那啦啦队和球童具体收入多少,球童是干什么 的? 实际上啦啦队收入并不比球童低,NBA每个球队所在城市规模并不一样,一般来说球童收入在120美元...

​雍正是好皇帝吗(为什么很多人认为雍正是清朝最好的皇帝?)
​雍正是好皇帝吗(为什么很多人认为雍正是清朝最好的皇帝?)

雍正是好皇帝吗(为什么很多人认为雍正是清朝最好的皇帝?) 1 康熙、乾隆六次南巡,留下许多轶事,素为史家所艳称。和乃父乃子不同,雍正不仅从未南巡过,而且在他在位的13年...

​什么是僵尸肉有什么危害(冰箱里这种“僵尸肉”最好不要吃,伤害肠胃还能致癌
​什么是僵尸肉有什么危害(冰箱里这种“僵尸肉”最好不要吃,伤害肠胃还能致癌

什么是僵尸肉有什么危害(冰箱里这种“僵尸肉”最好不要吃,伤害肠胃还能致癌 ,你家有吗?) “僵尸肉”不是僵尸的肉,而是对冰冻多年后销往市场冻肉的一种夸张形容,最早源...

​三不粘的主料 网红三不粘的制作方法

三不粘的主料 网红三不粘的制作方法 老北京代代相传的菜肴有很多。特别是一些菜肴非常的有特色。今天就为大家介绍一道老北京非常有特色的菜肴 三不粘.这道菜采用鸡蛋黄制作而成...

​如何提高表达能力 还在为“不会说话”而烦恼?六个方法助您提高表达能力
​如何提高表达能力 还在为“不会说话”而烦恼?六个方法助您提高表达能力

如何提高表达能力 还在为“不会说话”而烦恼?六个方法助您提高表达能力 所谓的“不会说话”,指的是不能形成有效沟通,导致在工作与生活上面临交流的挑战与阻力。无需赘言,...

​脚底板痛 脚底板疼是怎么回事?
​脚底板痛 脚底板疼是怎么回事?

脚底板痛 脚底板疼是怎么回事? 脚板范围太大,结构太多,各种各样的疼痛也太多,无法一一列举,今天就谈谈几种常见的足底疼痛吧。 1、平底足,这种情况是因为足底韧带松弛,无...

​谷氨酸钠 味精真是“害人精”,代谢后会产生大量尿酸?
​谷氨酸钠 味精真是“害人精”,代谢后会产生大量尿酸?

谷氨酸钠 味精真是“害人精”,代谢后会产生大量尿酸? 味精是厨房中最为常见的调料,能提升食物的鲜味,常常用于制作汤和调味汁。 目前不少传言味精与癌症有关的信息都被一一...

​操作系统有哪些系统(什么是操作系统,操作系统都有哪些?)
​操作系统有哪些系统(什么是操作系统,操作系统都有哪些?)

操作系统有哪些系统(什么是操作系统,操作系统都有哪些?) 对于什么是操作系统可能很多人都没认真考虑过,甚至可能都不知道自己其实用过很多种类的操作系统。今天我们就介绍...

​装修甲醛如何才能消除 ,提前两个月住新家
​装修甲醛如何才能消除 ,提前两个月住新家

装修甲醛如何才能消除 ,提前两个月住新家 装修,多多少少都会产生一些甲醛。而且这种甲醛是防不胜防的,因为我们根本买不到绝对“0甲醛”的家具和建材。在装修过程中,我们能...

​普吉岛在哪个国家哪个城市?普吉岛在哪个国家地理位置

普吉岛在哪个国家哪个城市?普吉岛在哪个国家地理位置 普吉岛在哪个国家哪个城市?普吉岛在哪个国家地理位置?普吉岛(泰语:ภูเก็ต;英语:Phuket),位于印度洋安达曼海...

​漫步者LolliPods怎么使用?漫步者LolliPods使用教程?
​漫步者LolliPods怎么使用?漫步者LolliPods使用教程?

漫步者LolliPods怎么使用?漫步者LolliPods使用教程? 漫步者LolliPods怎么使用?漫步者LolliPods使用教程?漫步者LolliPods Plus采用的是LDS镭雕天线,这种天线可以提升射频性能和抗干扰能力,这...

​百变星君的全部演员-百变星君演员有哪些?
​百变星君的全部演员-百变星君演员有哪些?

百变星君的全部演员-百变星君演员有哪些? 百变星君的全部演员-百变星君演员有哪些?《百变星君》又名百变金刚,是由叶伟民执导,周星驰,梁咏琪,吴孟达等主演的奇幻科幻喜剧...

​双歧杆菌三联活菌片的副作用?双歧杆菌三联活菌片作用与功效?
​双歧杆菌三联活菌片的副作用?双歧杆菌三联活菌片作用与功效?

双歧杆菌三联活菌片的副作用?双歧杆菌三联活菌片作用与功效? 双歧杆菌三联活菌片的副作用?双歧杆菌三联活菌片作用与功效?双歧杆菌乳杆菌三联活菌片的副作用,会引起肠道菌...

​普通话发源地是哪?普通话是标准语吗?
​普通话发源地是哪?普通话是标准语吗?

普通话发源地是哪?普通话是标准语吗? 普通话是促进全社会树立语言文字的规范意识,是进行交流的工具,是现代民族的共同语言,那么你知道普通话发源地是哪?普通话是标准语吗...

​hr是什么职业的缩写 hr是什么职业岗位

hr是什么职业的缩写 hr是什么职业岗位 hr是什么职业的缩写,hr是什么职业岗位?人力资源(Human Resources,简称HR)即人事,最广泛定义是指人力资源管理工作,包含六大模块:人力资源...

​拔河比赛有哪些规则?拔河比赛的规则都是什么呢?
​拔河比赛有哪些规则?拔河比赛的规则都是什么呢?

拔河比赛有哪些规则?拔河比赛的规则都是什么呢? 拔河比赛有哪些规则?拔河比赛的规则都是什么呢?拔河比赛是一项比较考验团队协作和力量的运动。以下是拔河比赛的规则: 1、...

​英语a、an的用法是什么?英语a、an怎么用?
​英语a、an的用法是什么?英语a、an怎么用?

英语a、an的用法是什么?英语a、an怎么用? 学习英语可以提高自己的语言技能,增加一项语言能力。有利于找工作,例如很多外企,英语都是必修需要。那么英语a、an的用法是什么?英...

​养狗有什么好处和坏处
​养狗有什么好处和坏处

养狗有什么好处和坏处 养狗有什么好处和坏处?狗狗现在已经是很多人都会选择饲养的宠物了,那么养狗到底有什么好处和坏处呢?想养狗的人不妨看看,不知道看完你还想养狗吗?...

​马甲线怎么练最快?马甲线图片
​马甲线怎么练最快?马甲线图片

马甲线怎么练最快?马甲线图片 马甲线怎么练最快?马甲线图片?马甲线是一个汉语词汇,拼音是mǎ jiǎ xiàn。是指没有赘肉的腹部,还要有肌肉线条,腹部主要由两部分组成,分为腹...