《图解HTML》第一节 浏览器简介

简介: 它利用网页连接了我们与网络。它可以打开网络上的网页,供我们阅读,娱乐,工作等等......

前言

2789632-20add32fa198f5c8.jpg

上图展示了一个浏览器简单的工作方式,它利用网页连接了我们与网络。它可以打开网络上的网页,供我们阅读,娱乐,工作等等。

网页是基于浏览器开发的,开发简单网页,我们只需要掌握HTML即可;如果希望网页有点样式,好看一些,还需要学习CSS;如果还希望网页能做一些交互或者展示动态的数据等功能,还需要掌握Javascript。也就是:

HTML + CSS + Javascript = 一个好看且有用的网页
很多个网页就拼凑成了网站

在开发之前,我们先简单了解下浏览器是什么呢?
一个新的电脑里面,我们会发现win10自带的浏览器Edge,就是下面这个样子:
2.png

这个软件是微软开发的,预安装在windows里面。不知道你们有没有遇到过,在有些时候,我们需要使用一些特定的网站时,需要使用特定的浏览器。例如学校网站的个别功能,老师会说,需要下载谷歌浏览器,或者IE8以上的浏览器才可以提交表格,有些网站只可以用UC浏览器打开等等这些场景。所以可见,浏览器并不都是一样的。不同的浏览器是由不同的厂家生产的,就像聊天工具,QQ是腾讯生产的,YY是华多网络科技公司生产的等等,很多很多的聊天工具,除了下图列举的一些,还有很多别的厂家生产的聊天的工具:
3.png

虽然它们可以用来聊天,可是功能却有些不同。浏览器也是如此,也是各个厂家生产出来供用户浏览网页的客户端。每个厂家生产的浏览器也会不断的升级。

浏览器的历史

浏览器发展简史
浏览器近20年来的发展简史图
4.png

各浏览器当前市场份额(2020.8.16)

百度统计
5.jpg

从图里可以看出,火狐浏览器已经被归类到其他里面了,没想到谷歌浏览器成了最终的霸主。从某些方面也告诉我们,当下若还没有成就的时候,不要急,不要慌,好好沉淀自己,用发展的眼光去提升自己,最后谁也不知道谁是大哥!

总结: 浏览器就是供用户连接网络的一个客户端,网页就是把网络上的内容展现给用户并且提供一些特定的功能。

目录
相关文章
|
22天前
|
Web App开发
在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
在 html 标签中添加 translate=“no” 属性,浏览器将不会翻译整个页面。
69 0
|
7天前
|
移动开发 Unix 定位技术
HTML 简介
HTML 简介
17 2
|
9天前
|
前端开发 JavaScript 开发工具
HTML简介
HTML简介
18 3
HTML简介
|
13天前
|
移动开发 HTML5
HTML 简介
HTML 简介。
20 3
|
22天前
|
移动开发 前端开发 搜索推荐
【CSDN创作优化1】个人简介优化 html font属性
【CSDN创作优化1】个人简介优化 html font属性
22 0
|
22天前
|
前端开发 JavaScript
浏览器通过构建DOM树来解析HTML代码
【4月更文挑战第30天】浏览器通过构建DOM树来解析HTML代码
28 1
|
22天前
|
移动开发 前端开发 Java
html简介
html简介
|
22天前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
35 0
|
22天前
|
移动开发 JavaScript 前端开发
HTML ,XHTML,HTML5简介,js,JSP与Servlet的关系理解
HTML ,XHTML,HTML5简介,js,JSP与Servlet的关系理解
55 5
|
23天前
HTML简介
HTML简介
73 1