零基础学前端- 01- HTML基础--基本概念(建议收藏)
什么是浏览器
浏览器是安装在电脑里面的一个软件, 能够将网页内容呈现给用户查看,并让用户与网页交互的一种软件。 就好比QQ一样都是安装在电脑里面的一个软件, 只不过功能不同而已
常见主流浏览器
- 浏览器市场份额-国内统计
- 浏览器市场份额-国外统计
不同的浏览器
有不同的浏览器内核
, 浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容,从而导致了浏览器兼容性问题出现- IE内核 Trident
- 谷歌内核 WebKit / Blink
- 火狐内核 Gecko
- Safarri内核 WebKit
- 欧朋内核 Presto
- 前期以谷歌浏览器为主,后面将专门详细介绍浏览器兼容问题
什么是服务器
服务器也是电脑
,只不过是比我们的电脑配置更高
的电脑,并且24小时不断电
,不关机
的计算机- 服务器是
专门用于存储数据
电脑, 访问者可以访问服务器
获得服务器上存储的资源
- 服务器
一旦关机
,访问者就无法访问
访问网页原理
浏览器请求数据的原理
我们是如何通过浏览器查看网页上的内容的?
1.打开IE缓存文件夹
C:\Users\Jonathan_Lee\AppData\Local\Microsoft\Windows\Temporary Internet Files
Jonathan_Lee
为个人电脑用户名名称
2.清空该文件夹
3.用IE打开网页
4.发现文件夹下多了很多文件(.html、.css、.js、.png等), 仔细观察不难发现其实这些文件都是被访问网页上的内容
5.结论
- 访问网页时是有
真实的、物理的文件传输的
- 网页
不是一个文件
,而是一堆文件
组成的 - 我们之所以平常感觉第二次访问比第一次访问快的原因就是,第一次访问时已经将所有文件
缓存
到了本地
- 访问网页时是有
浏览器请求数据的过程
- 1.按下回车时浏览器根据输入的URL地址发送
请求报文
- 2.服务器接收到请求报文,会对
请求报文
进行处理 - 3.服务器将处理完的结果通过
响应报文
返回给浏览器 - 4.浏览器
解析服务器返回的结果
,将结果显示出来
- 请求过程验证
- 1.利用chome浏览器打开一个网页
- 2.打开开发人员工具
- 3.打开Network查看请求报文和响应报文
- 3.1请求报文
- 一个HTTP请求报文由请求行(request line)、请求头部(header)、空行和请求数据4个部分
- 3.2响应报文
- 一个HTTP响应报文由响应行、响应头、响应体组成
什么是URL
1.我们在浏览器的地址栏中输入的地址其实就是URL
2.URL格式:
- 127.0.0.1/index.html (浏览器会自动补全http:和:80)
- http://127.0.0.1/index.html (浏览器会自动补全:80)
- http://127.0.0.1:80/index.html (完整格式)
- 协议类型://ip地址:端口号/资源路径/资源名称
3.URL拆分
- 网络协议类型 http://
- 服务器IP地址 127.0.0.1
- 服务器端口号 :80
- 资源路径 网页在服务器上的路径
- 资源名称 index.html
4.URL拆分后每一部分的作用
4.1服务器IP地址 和 服务器端口号它们两的作用:
- 告诉浏览器要去什么地方才能找到对应的服务器, 也就是告诉浏览器服务器的详细地址
- 服务器IP地址相当于现实生活中的地址; 例如:广州市天河区棠安苑
- 服务器端口号相当于现实生活中的门牌号码; 例如: 9栋909室
- 那么如果将地址和门牌号码结合在一起, 就是我的详细地址
4.2资源名称它的作用:
- 告诉服务器我需要获取哪一个文件
4.3资源名称
- 需要访问的文件名称
- 需要访问的文件名称
- 5.补充
- URL全称Uniform Resource Locator(统一资源定位符), 互联网上的每一个资源都有一个唯一的URL地址
- 由于IP地址全都是数字, 没有任何的含义,比较难以记忆。 所以在访问网页时最常见的不是IP地址而是“域名”(一串有含义的字母OR数字)
- 好比: http://www.baidu.com AND http://111.13.100.92:80/
什么是HTTP协议
1.HTTP是Hypertext Transfer Protocol的缩写, 超文本传输协议
2.什么是协议?
- 在现实生活中有很多的协议, 例如租房协议/买卖协议/离婚协议
- 无论是什么协议他们都是一个共同点, 就是用来规范/约束某一类事物
3.沟通问题?
- 沟通最常见的问题就是语言不通, 例如中国人和美国人沟通, 一个人说中文, 一个人说英文, 如果两个人都不懂中文或者英文, 那么就会出现沟通问题
- 如果要想解决沟通文件, 是不是需要先拟定规定, 两个人都说中文, 或者两个人都说英文, 或者请一个既懂中文又懂英文的翻译
4.HTTP协议是用来规范/约束哪一类事物?
- 浏览器访问网页其实就是去服务器请求数据, 所以浏览器需要和服务器沟通, 所以也会存在沟通问题
- HTTP协议就相当于我们让两个人都说中文或者都说英文一样, 就是提前规范两个人之间如何沟通, 也就是规范/约束浏览器和服务器之间如何沟通
其它知识储备
在Windows系统中如何查看文件的扩展名
- 默认情况下Windows系统是不显示文件的扩展名的, 但是作为一个开发者而言, 查看文件的扩展名是我们的必备技能
- win10: 随便打开一个文件夹–>点击查看–>将文件扩展名的选项勾选上
电脑上的一个文件是可以"同时"被多个软件打开的, 不同的软件打开可能会有不同的效果
- 例如: 同一个index.html文件可以被多个浏览器和记事本一起打开
- 例如: .html文件通过浏览器打开不可以编辑, 通过记事本打开可以编辑
什么是纯文本文件?
- 我们Windows电脑上有一款默认安装好的软件叫做记事本. 这款软件就是专门用来打开纯文本文件的, 所以只要
能够被记事本打开, 并且能够正常显示
的文件都是纯文本文件
.html的文件可以被记事本打开
, 并且能够正常显示,所以.html文件是一个纯文本文件
- 我们Windows电脑上有一款默认安装好的软件叫做记事本. 这款软件就是专门用来打开纯文本文件的, 所以只要
码字不易,在线求个三连支持。
大家记得收藏前,先点个赞哦!好的文章值得被更多人看到。
推荐阅读:
13万字C语言保姆级教程2021版
10万字Go语言保姆级教程
2 万字 Jquery 入门教程
3 万字 html +css 入门教程
169集保姆级C语言视频
最后,再多一句,粉丝顺口溜,关注江哥不迷路,带你编程上高速。
版权所有,请勿转载,转载请联系本人授权
零基础学前端- 01- HTML基础--基本概念(建议收藏)相关推荐
- 零基础学前端之SEO 基础知识学习--SEO优化学习教程【学习笔记】
[前端总路线学习笔记] 本笔记的参考视频–SEO 基础知识学习视频 SEO优化学习教程学习笔记 SEO用到的网站 1.百度指数 2.站长之家 1.什么是SEO – 搜索引擎优化 Search Engi ...
- 零基础学前端系列教程 | 和前端谈恋爱的第003天——电影海报
温馨提示:被[]包裹的是专有名词,详细介绍见下文的恋爱宝典,你可以在目录中快速找到它们,有任何问题/建议,欢迎随时微信我,我是朝阳 13908056224! 约会邀请函已经做好了,但迟迟没有发出去 零 ...
- 零基础学前端系列教程 | 和前端谈恋爱的第006天——了解喜好
温馨提示:被[]包裹的是专有名词,详细介绍见下文的恋爱宝典,你可以在目录中快速找到它们,有任何问题/建议,欢迎随时微信我,我是朝阳 13908056224! 这是姐姐传授给我的恋爱秘籍 -- 投其所好 ...
- 零基础学Java程序有什么好的建议
java技术的快速发展,引起了很多人的关注,尤其是一些零基础人群,都想通过学习java技术来改善自己的职业,那么零基础学Java程序有什么好的建议呢?来看看下面的详细介绍. 零基础学Java程 ...
- 从零开始学前端 - 1. HTML基础知识
作者: 她不美却常驻我心 博客地址: https://blog.csdn.net/qq_39506551 微信公众号:老王的前端分享 每篇文章纯属个人经验观点,如有错误疏漏欢迎指正.转载请附带作者信息 ...
- 零起点学算法01——第一个程序Hello World!
零起点学算法01--第一个程序Hello World! Description 题目很简单 输出"Hello World!"(不含引号),并换行. Input 没有输入 Outpu ...
- 年过四十、零基础学前端开发,歪果仁是如何从教师转行程序员的?
也许你已经清楚了自己的兴趣之所在,但是却没有勇气开始它,或者为自己找了种种借口,按下心中的渴望.但任何时候开始自己感兴趣的东西都不算晚,本文作者过去只是一名老师,对编程怀有好奇和热爱,年过40依然毅然 ...
- 零基础学前端可行吗?要如何学习呢?
一直以来都有很多小伙伴问我这种问题,没有基础怎么办?自学前端是否能成功.所以今天来总结一下我的想法和建议,希望能对你们有所帮助 第一个问题:学习前端需要些什么呢 我认为最重要的其实是兴趣 ,为什么这么 ...
- 零基础学前端.jQuery入门与实践教程
学习目标: 掌握编程jQuery的基本使用 掌握jQuery插件的使用 能够开发jQuery插件 选择器.属性操作.样式操作.节点操作.动画.事件.插件 typora-copy-images-to: ...
- 零基础学JAVA]Java SE基础部分-01. Java发展及JDK配置
1.课程名称:Java发展及JDK配置 本季介绍了JAVA的发展过程,包括JDK的发展历程,path路径的配置和classpath的配置及作用.并简单讲解了一个简单的JAVA程序,并通过此程序讲解了J ...
最新文章
- 【重磅】Waymo无人车高层组团出走?CFO今日也走了!
- API聚合网关技术选型参考-网友实战-使用协程
- 皮一皮:35岁后你做什么?
- 如何建立你自己的Docker镜像
- 文字层一点就变红_学习观察神经网络:可视化整个模型训练中卷积层的激活
- JS兼容各个浏览器的本地图片上传即时预览效果
- Linux: 系统结构详解
- 韩国造智能手机时代走向终结:昔日巨头纷纷关闭生产线或削减产量
- PyTorch 深度学习:32分钟快速入门——DenseNet
- 【ora10,4】oracle后台进程介绍:
- 巨头不想再将“命脉”交给微信、支付宝
- 傻子都能看懂的 财务报表入门
- Typora极简教程
- 磁力搜索网站+下载神器放送2019-03-05
- Notification消息提醒
- html的meta标记大全(转自百度)
- 饿了么UI图片上传的实现
- catia草绘标注工具
- 博客营销分析:博客营销的优势+方法技巧+成功案例介绍
- 密码全安控件OCX版本发布