【视频+图文详解】HTML基础1-html和css介绍、上网原理

图文详解

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_