图文详解
html介绍
概念:html是超文本标记语言的缩写,其英文全称为HyperText Markup Language,是用来搭建网站结构的语言,比如网页上的文字,按钮,图片,视频等。html的版本分为1.0、2.0、3.0、4.0、5.0(目前使用最广泛的就是5.0版本),所以html也称为html5
例子:比如下面的网站中,按钮“pikachu“就是由html语言中<a>标签构成的,标签的介绍后面会详细展开,这里就做一个简单的了解
同样的,文字部分“STAR’web“也是由<h1>标签构成的
css介绍
概念:层叠样式表,英文全称为Cascading Style Sheets,用来控制网页样式和布局的语言。通过CSS,你可以为网页的文字、颜色、大小、间距、背景、边框等元素添加样式,使网页变得更加美观和用户友好。
例子:如下图所示,其中的style属性就是css语言,用来将文字“STAR’web“设置为深红色
总结:html和css不分家,它们之间是相辅相成的关系
互联网原理
前言
上网原理就是互联网原理,接下来我会详细讲解一下互联网原理是什么,以及其中涉及到了哪些部分
互联网原理:上网即请求数据
上网过程:用户通过客户端发送http请求到服务端->服务端将请求对应的数据找到后->通过http响应回传给本地计算机->计算机加载网页
总结:根据上面所示的信息,上网需要浏览器、服务器、传输数据需要用到http协议,这些将在下面做出详细的讲解
服务器
概念:是一种计算机,有自己的内存和处理器
作用:用来存储网页上的所有文件,比如html、css、js、图片、视频、音频等这些
浏览器
作用:发送http请求,接收回传的数据,渲染网页
工作原理:在网址栏输入网址后向服务器发送请求,服务器响应后返回数据到浏览器后渲染
-第一次加载一个网页,时间较长,从第二次以后打开同一个网站的速度变快,原因就是因为第一次浏览时,已经将大部分文件存储到了本地,会先从本地进行查找
http协议
概念:超文本传输协议,是一种用于分布式、协作式、超媒体信息系统的应用层协议
用途:主要用来传输如视频、音频、图片等这些的网络资源
特性:无连接的(因为每次都需要断开tcp连接,所以重新连接需要重新请求)
-但需要注意的是从http1.1版本开始http协议就不再是无连接的,在这之前的http建立连接都需要重新请求,如下图所示
-渲染相应页面:客户端与服务器断开连接,由客户端解析从服务端发过来的html文档,在屏幕上渲染图形结果
纯文本和超文本
纯文本文件类型:不含特殊格式的文本文件,如.txt .html .css .js
超文本文件类型:含有特殊格式的文本文件(比如字体加粗等),如.doc .ppt
其中我们正在学习的html就是纯文本文件类型,并且所有纯文本编辑器都可以用来编写html
视频详解
哔哩哔哩(B站)搜索框中输入“uid=3546393096489381”即可
用户:star010_