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

现在开始,我们要正式进入大前端的技能学习了。先来认识什么是网页。
不管你是不是小白,是否了解前端, 在日常生活中,这些东西你一定经常接触,比如网站,手机APP,微信小程序,智能电视,数据可视化大屏,地图应用,网页游戏。
这些我们看到的界面,其实全部都是网页,我们也会发现一个特点:我们所看到的所有网页,他们都有一个共同的载体, 这个载体就是我们的浏览器,没有浏览器,我们的网页就不能执行,这就好像我们平时使用的APP一样,他们要依赖于我们的手机操作系统,如果没有手机操作系统,这些APP软件就不能执行,他们的存在就没有任何价值了,那浏览器如何获取这些网页呢?
以电脑浏览器为例,当你在浏览器中输入千锋教育网址,浏览器使用这个网址,通过互联网去向千锋服务器发起请求,服务器得到请求之后, 再通过互联网会向浏览器中返回一个文件,这个文件在浏览器中运行,它就生成了一个网页。
零基础教你学前端——0.什么是网页_第1张图片

网页的的组成主要就是三个部分内容,分别是 :HTML、CSS 和 JavaScript。
什么是HTML呢?它决定了网页里显示什么内容, 比如在网页中显示一个按钮;
什么又是CSS呢? 它可以修饰每一个内容的外观,包括大小、颜色、 位置等内容, 比如CSS可以把按钮变成带有圆角并且红色背景的样式。
那什么是JavaScript呢? 它主要是负责网页中一些动态的效果, 例如:当你点击这个按钮的时候,就会播放一段视频。
接下来用一个案例来验证一下HTML,CSS,JavaScript的作用,
现在我们看到的是这个网页的效果: 有内容 、有样式、并且可以交互
接下来,我们把 HTML 的内容删除掉,会看到浏览器中什么内容都没有了

零基础教你学前端——0.什么是网页_第2张图片

零基础教你学前端——0.什么是网页_第3张图片

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

零基础教你学前端——0.什么是网页_第4张图片

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

零基础教你学前端——0.什么是网页_第5张图片

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

你可能感兴趣的:(html5前端)