1、万维网www
- 万维网:是一个大规模的、联机式的信息存储所,简称web。能实现使用链接的方式,方便从一个站点访问到另一个站点,从而主动按需获取丰富的信息。
- 超文本:包含了指向其他文档的链接的文本文档,能够被浏览器所识别。一个超文本是由多个信息源组成,而这些信息源可以分布在世界各地,并且数量不受限制。超文本是万维网的基础。
- 万维网使用的是BS模型,即浏览器服务器模型。浏览器向服务器发送请求,服务器响应浏览器并发送给客户端所需要的文本。
- URL(Uniform Resource Locator):统一资源定位符。用来标识超文本在万维网中的唯一标识,表明了该文本的信息,具有唯一性。
URL由四部分组成:协议://主机名:端口号/路径
1、 协议:指出使用的何种协议来获取万维网的文档,常用的协议就是http(超文本传输协议),://是规定格式。
2、主机名:是万维网文档所在的主机域名(ip),通常以www开头,但也不是硬性要求,也可以直接使用主机的ip地址来代替。
3、 端口号:就是该协议对应的端口号,对应合同谈判协议而言,默认的端口号是80。
4、路径:较长的字符串,超文本文档所在的路径。
2、超文本传输协议http
概念 :HTTP定义了浏览器是怎样从万维网服务器中请超文本,以及服务器如何把文档传递给浏览器的。
- 从层次角度看:HTTP是面向事务 的应用层协议,能够实现可靠的文件交换。事务:指的是一系列的信息交换(建立链接、发送请求、响应请求、展示信息并断开请求),而这一系列的信息脚后是一个不可分割的整体,要执行就全部执行结束,要不执行就全部不执行;可靠:该协议是应用层协议,其传输层使用的是TCP协议进行的可靠传输。
- HTTP永远是客户端发起请求,服务器端进行响应。这样就限制了HTTP协议使用时,无法实现在客户端没有发起请求时,服务器主动向客户端发送消息。
- HTTP协议时无状态的协议,同一个客户端的本次连接服务器和下一次的连接服务器没有任何联系。服务器没有记忆功能。
- HTTP协议本身是无连接的,也就是说限制每个连接只能处理一个请求,服务器处理完客户端的请求并收到客户端的应答后就会立即断开连接。
3、超文本标记语言HTML
3.1 HTML的基本内容
- HTML(HyperText Markup Language):超文本标记语言,时用来完成超文本文档的编写的。html并不是协议,而是万维网浏览器能够识别的一种语言。
- 该语言中定义了需要使用的排版命令,这些命令我们称之为 "标签"。
- 使用html语言编写的文档称为超文本,后缀为 .html 或者 .htm。
- 浏览器主要解析的就是该语言编写出来的超文本,能将相关标签解析成界面。
- html编辑器可以是任意编辑器,如文本编辑、vscode、sublime等待。
3.2 常用标签
标签格式:使用双尖括号包裹着关键字,通常成对出现
标签分类:
1、单标签:也称空标签 <标签名/> 例如:
<br/>2、双标签:成对出现 <标签名> 内容 </标签名>
常用的标签
h1--h6:标题标签
p:段落标签
div:盒子标签
input:输入标签
3.3 第一个HTML文件
html
<!-- 第一行:文档类型签,html说明是超文本文档 -->
<!DOCTYPE html>
<!-- 第二行表示整个界面的开始标签,是一个双标签 -->
<html lang="en">
<!-- 浏览器头部信息 -->
<head>
<!-- 表示编码格式 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 浏览器的标题 -->
<title>My first HTML</title>
<!-- 浏览器头部的结束标签 -->
</head>
<!-- body中才是整个界面的主体 -->
<!-- h标签表示这是一个标题 -->
<h1>这是我的第一个界面,使用的是一级标题</h1>
<!-- a标签表示这是一个超连接 -->
<a href="www.baidu.com">百度一下</a>
<!-- 换行 -->
<br>
账号:<input type="text">
<br>
密码:<input type="password">
<body>
</body>
<!-- html标签的结束 -->
</html>