网站首页 > 技术文章 正文
现在开始,我们要正式进入大前端的技能学习了。先来认识什么是网页。
不管你是不是小白,是否了解前端, 在日常生活中,这些东西你一定经常接触,比如网站,手机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 的探索旅程即将开始 准备和我一起扬帆 启航!
- 上一篇: 前端开发:Web性能优化有哪些方法?
- 下一篇: 前端是干什么的,好不好就业呢
猜你喜欢
- 2024-11-27 五年前端程序员,一小时就写出了京东网站,神人也
- 2024-11-27 究竟什么是大前端?有哪些特征?
- 2024-11-27 Web前端开发是干嘛的?Web前端工资一般多少?
- 2024-11-27 Web前端开发基础,带你认识HTML,一起加入这个欢乐的世界
- 2024-11-27 我们经常接触的网页是前端还是后端?
- 2024-11-27 WEB前端简介
- 2024-11-27 对于前端,你又了解多少?
- 2024-11-27 你是否了解你认识的前端?
- 2024-11-27 前端是干什么的,好不好就业呢
你 发表评论:
欢迎- 599℃几个Oracle空值处理函数 oracle处理null值的函数
- 591℃Oracle分析函数之Lag和Lead()使用
- 579℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 575℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 571℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 564℃【数据统计分析】详解Oracle分组函数之CUBE
- 550℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 545℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端懒加载 (49)
- 前端获取当前时间 (50)
- 前端接口 (50)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)