标签：type 商标 esc none 继承 网址 输入 word 应用层
目录
统一接口思想（***********************）
虽然我们现在用的东西一眼看去基本都是C/S的，但在客户端内部正在一点点的向B/S方向转变。如微信的微信小程序。支付宝的各种小功能。其目的就是为了统一接口
关键就俩字： 请求 响应
浏览器输入网址 回车发生了哪些事
? 1.朝着指定的服务器地址发送请求
? 2.服务端接收请求 并处理
? 3.返回相应的响应
? 4.浏览器接收并渲染出好看的页面 给用户看
请求方式
1. get请求
朝服务器要资源
eg: 输入一个网址再回车
2. post请求
朝服务器提交数据
eg:登录功能
基于TCP/IP作用域应用层之上的协议
基于请求响应
请求对应响应
无状态
不保存客户端状态，无论一个客户端请求服务端多少次，服务端都当是第一次接受客户端请求。（即浏览那些不需要登录的网页信息）
无连接
客户端发送的请求服务端响应一次，此次通信就结束了。
但也有长连接，如 websocket ，聊天室等
请求格式
请求首行（请求方式 协议版本）
请求头（一大堆键值对）
/r/n （这里是换行符，后来有优化了直接是 /n 就是换行了）
请求体（敏感信息 密码 身份证号）
响应格式
响应首行（请求方式 协议版本）
响应头（一大堆键值对）
/r/n （这里是换行符，后来有优化了直接是 /n 就是换行了）
响应体（给用户看的数据）
响应状态码
用数字来表示一串文字信息
格式：
单行注释： <!--注释内容-->
多行注释： <!--
注释内容
注释内容
-->
注释的作用：
我们在搭建页面的时候，通常会利用注释来划分区域
eg：
<!--导航条开始-->
<!--导航条结束-->
<!--侧边栏开始-->
<!--侧边栏结束--><html>
<head></head> 不是给人看的，是给浏览器看的
<body></body> body内的代码才是给人看的
</html> title 定义网页标题
style 内部支持写css代码
link 引入外部css样式文件
script 内部可以直接写js代码 也可以引入外部js文件
meta 定义网页源信息
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
<meta name="description" content="老男孩教育Python学院"> h1~h6 标题标签（h1到h6标题逐渐变小）
p 段落标签 一个p就是一行内容
s 删除线
b 加粗
u 下划线
i 斜体
br 换行
hr 一条分割线 空格
& &
¥ ￥
> >
< <
© ? （网站版权），圆圈C
® ? （注册商标），圆圈Rh1~h6 p br hr div
****************)s i u b span
**************************标签通常应该有两个属性 ：
id就类似于是身份证号 每一个标签 都应该有id值 并且在同一个html文档中 标签的id不能重复
class 类属性 有点类似于面向对象的继承 class = ‘c1 c2 c3‘ 你这个标签就会拥有c1 c2 c3的所有样式
1. div 一块区域 你可以往这块儿区域内填写任何内容
2. span
3. div和span是前期构建网页的基本骨架
4.a 链接标签
（1）跳转功能 href参数控制跳转的地址
这个地址如果在你的机器上如果没有被点击过那么默认是蓝色
只要点过一次之后 之后颜色 都是紫色
<!--<a href="https://www.sogo.com">点我点我</a>-->
a标签默认是在当前窗口跳转
target = "_self"
你可以指定 新建窗口打开
target = "_blank"
（2）锚点功能 （相当于是网页中的一些目录，点击后会定位到当前页面的某一行）
给a标签设置id值
然后在href中书写对应的a标签id值 点击即可跳转到对应的位置
<a href="" id="a1">文章开头</a>
<div style="background-color: red;height: 1000px"></div>
<div style="background-color: green;height: 1000px"></div>
<div style="background-color: orange;height: 1000px"></div>
<a href="" id="a2">文章中部</a>
<div style="background-color: black;height: 1000px"></div>
<div style="background-color: green;height: 1000px"></div>
<div style="background-color: orange;height: 1000px"></div>
<a href="#a1">回到顶部</a>
<a href="#a2">回到中部</a>
5.img 图片标签
src
1.图片地址 网上的地址也可以是你的本地图片地址
2.url(网址) 自动朝该网址发送get请求 获取图片资源
alt
当图片加载不出来的时候 展示的提示信息
title
鼠标悬浮上去之后展示的提示信息
width和height
这两个参数 你只需要任意设置一个 就可以，图片就会等比例缩放
两个都调整的话 图片就会失真
6.排列标签
无序列表
ul
li
type参数
disc（实心圆点，默认值）
circle（空心圆圈）
square（实心方块）
none（无样式）
有序列表(了解)
ol
li
type参数
1 数字列表，默认值
A 大写字母
a 小写字母
Ⅰ大写罗马
ⅰ小写罗马
标题列表(了解)
dl
dt 小标题
dd 小章节
7.表格标签
展示数据 一般都用到表格标签
<table>
<thead>
<tr>
<th>username</th>
<th>password</th>
<th>hobby</th>
<th>is_delete</th>
</tr> 一个tr就表示一行
</thead>
<tbody>
<tr>
<td>jason</td>
<td>123</td>
<td>study</td>
<td>0</td>
</tr>
</tbody>
</table>标签：type 商标 esc none 继承 网址 输入 word 应用层
原文地址：https://www.cnblogs.com/Mcoming/p/11844565.html
