千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:北京千锋IT培训  >  技术干货  >  html5技术干货  > 零基础教你学前端——什么是网页?

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

来源:千锋教育
发布人:syq
时间: 2022-11-07 10:41:15

  现在开始,我们要正式进入大前端的技能学习了。

  先来认识什么是网页?

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

什么是网页

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

  浏览器如何获取这些网页?

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

11

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

  什么是HTML呢?

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

  什么是JavaScript呢?

  它主要是负责网页中一些动态的效果,例如:当你点击这个按钮的时候,就会播放一段视频。接下来用一个案例来验证一下HTML,CSS,JavaScript的作用。

  现在我们看到的是这个网页的效果:有内容、有样式、并且可以交互接下来,我们把HTML的内容删除掉,会看到浏览器中什么内容都没有了。

12 (1)

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

13 (1)

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

14 (1)

  现在,你理解HTML\CSS\JAVASCIPT的作用了吗?构成网页的这三个部门相辅相成缺一不可。接下来我们从HTML开始学习如何制作网页了,网页技术的发展始终离不开HTML从1993年HTML的诞生到2014年HTML5的问世。短短的十几年时间技术,由原来的只关注电脑端页面技术发展慢慢涉及移动设备领域。对于它和CSS的结合再也不容忽视,时至今日HTML5已经给我们带来了前所未有的产品体验。

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

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

css绝对定位和相对定位

2023-03-07

说说Vuex原理

2022-11-14

vuex怎么拿数据

2022-11-14

最新文章NEW

js获取class属性的值

2023-04-21

什么是事件委托?javascript事件委托的实现原理

2023-04-20

如何在JavaScript中将十进制转换为十六进制

2023-01-11

相关推荐HOT

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>