全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货  >  html5技术干货  >  详情

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

来源:千锋教育
发布人:syq
2022-11-07

推荐

在线提问>>

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

  先来认识什么是网页?

  不管你是不是小白,是否了解前端,在日常生活中,这些东西你一定经常接触,比如网站,手机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的探索旅程即将开始准备和我一起扬帆启航!

相关文章

js获取class属性的值

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

9个JSON.stringify的秘密大多数开发人员却不知道

TypeScript中必须知道的6个泛型方法

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

开班信息 更多>>

课程名称
全部学科
咨询

HTML5大前端

Java分布式开发

Python数据分析

Linux运维+云计算

全栈软件测试

大数据+数据智能

智能物联网+嵌入式

网络安全

全链路UI/UE设计

Unity游戏开发

新媒体短视频直播电商

影视剪辑包装

游戏原画

    在线咨询 免费试学 教程领取