http协议 HTML a标签

http协议 HTML a标签
超文本传输协议 用来规定服务器和浏览器之间的数据交互的格式
四大特征：1.基于请求响应
2.基于TCP/ip作用于应用层之上的协议
3.无状态，不保存用户的信息，来了很多次都记不住，每次都像第一次回答见面
4.无/短链接请求来一次我响应一次 之后我们两个就没有任何链接和关系了

请求数据格式：
请求首行（标识http协议版本，当前请求方式）
请求头
/r
/n
请求体
响应数据格式
请求首行（标识http协议版本，当前请求方式）
请求头（一大推k，v键值对）

请求体（返回给浏览器展示给用户看的数据）
响应状态码
用简单数字来表达复杂的状态或者描述性信息
1xx：服务器已经成功接受到了你的数据正在处理，你可以继续提交额外的数据
2xx：服务端成功响应了你想要的数据（200 OK请求成功）
3xx：重定向（当你访问某些信息需要登录之后才能看见，你会发现会自动的跳转到登录页面）
4xx：请求错误 404请求资源不存在 405当前请求不合法或者不符合访问资源的条件
5xx：服务器内部错误（500）
请求方式：1.get请求：朝服务端要数据 输入网址获取对应的内容
2.post请求
朝服务器提交数据 用户登录 输入用户名和密码之后 提交到服务器后端做身份校验
url：统一资源定位符（统一大白话网址）

while True:
conn,addr=server.accept()
data=conn.recv(1024)
print(data)二进制数据 bytes类型
conn.send(b'http/1.1 200 ok\r\n\r\n')
conn.send(b'hello baby')
connckose()

HTML超文本标记语言
让浏览器渲染页面
〈h1〉〈h1〉
〈a href="https：//www.mzitu.com/"〉〈/a〉
〈img/〉
1.双标权
2.单标签（自闭和标签）
head内常用标签（功能记住内部怎么写先不管）
在书写HTML代码的时候 你只需要写标签名 然后tab就能自动补全
〈title〉Title〈/title〉网页标签
〈style〉
h1{
color：greenyellow； 字的颜色
}
〈/style〉 内部用来书写css代码
〈script〉
alert（123）
〈/script〉内部用来书写js代码
〈script src="myjs.js"〉〈/script〉还可以引入外部js文件
〈link rel="stylesheet"href="mycss.css"〉引入外部css文件
了解：〈meta http-equiv="refresh" content="2；URL=https：//www.oldboyedu.com"〉〈！--2秒后跳转到对应的网址，注意引号--〉

meta关键字 那么该关键字都有可能被百度搜索出来展示给客户
〈meta name"keyword"content="淘宝，掏宝，网上购物等各类搜索词。。。。"〉
〈meta name"description"content="网页的描述性介绍"〉

body内常用标签
肉眼能看到的花里胡哨的页面，内部都是HTML代码
基本标签
〈h1〉我是h1〈h1〉 标题标签1-6级标题
〈b〉加粗〈b〉
〈i〉斜体〈i〉
〈u〉下划线〈u〉
〈s〉删除线〈s〉
〈p〉段落〈p〉
〈br〉换行
〈hr〉水平分割线
标签的分类2
1.块级标签：独占一行 例如h1-h6 p div
1.块级标签可以修改长款，行内标签不可以，修改了也不会变化
2.块级标签内部可以嵌套任意的块级标签和行内标签，但是标签虽然是块级标签，但是他只能嵌套行内标签，不能嵌套块级标签，如果套了问题也不大，浏览器会帮你自动解开，因为浏览器是直接面向用户的不会轻易的报错，哪怕有报错用户基本感觉不出来
总结：要是块级标签都可以嵌套任意块级标签和行内标签，但是p标签只能嵌套行内标签（HTML书写规范）
2.行内标签：自身文本多大 就占多大i u s b span
特殊符号
空格：
大于符号：>；
小于符号：<；
&符号：&；
￥符号：¥；
©️版权符号：©
商标符号：®
常用标签
div 块级标签 划定区域
span 行内标签
上述两个标签是在构造页面初期最常使用的，页面的布局一般先用div和span占位，之后再去调试样式，尤其是div使用非常频繁，div可以看成是一块区域，普通文本先用span标签占位
img标签（图片标签）
〈img src alt〉
src：
1.图片的路径 可以是本地的也可以是网上的
2.url 自动朝该url发送get请求获取数据
alt：当图片加载不出来的时候，给图片的描述性信息
title：给图片加注释，鼠标放上去就显示注释
height："800px"（像素）
width：高度和宽度当你只修改一个的时候 另外一个参数会等比例缩放
如果你修改了两个参数 并且没有考虑比例的问题 那么图片就会失真
a标签：链接标签
〈a href=" "〉链接〈/a〉 在当前页跳转
当a标签从来没有被点击过，字体颜色为蓝色 如果点击过了是紫色（内部是浏览器给你记忆了）
href 1.放url，用户点击改url页面
当。。。target="_self"。。。。则是当前页跳转（默认）
当。。。target="_blank"。。。则是新建页面跳转
例如：〈a href="https：//www.sogo.com/"target="_blank"〉点我去搜狗〈/a〉
2.放去他a标签的id值 点击即可跳转到对应的标签位置
target：默认a标签是在当前页面完成跳转 _self
也可以修改为新建页面跳转 _blank
#a标签的锚点功能
eg：点击一个文本标题 页面自动跳转到标题对应的内容区域
〈a href="" id="d1"〉顶部〈/a〉
〈div style="height：1000px；background=color：red" 〉〈/div〉
〈a href="" id="d2"〉中间〈/a〉
〈div style="height：1000px；background=color：rgreepyellow" 〉〈/div〉
〈a href="" id="#d2"〉底部〈/a〉
〈a href="" id="#d2"〉回到中间〈/a〉

〈style〉〉
a：link初始化状态 {颜色}
a ：hover悬浮态 {颜色} 需要记住
a： active 激活态 （鼠标点击不松开）{颜色}
a： visited 访问之后状态{颜色}
〈/style〉
input：focus{ }input框获取焦点（鼠标点了input框）
标签具有的两个重要属性
1.id值：类似于标签的身份证号 在同一个HTML页面上id值不能重复
2.class值：该值有点类似于面向对象里面的继承，一个标签可以继承多个class值
标签既可以有默认的书写也可以有自定义的书写
〈p id="d1" class="c1" username="zhuzhu" password="123"〉〈/p〉
列表标签
无序列表（较多）最前方没有序列类的开头
〈ul〉
〈li〉第一项〈/li〉
〈li〉第二项〈/li〉
〈li〉第三项〈/li〉
〈/ul〉
有序列表最前方有序列类的开头
〈ol〉
〈li〉1〈/li〉
〈li〉2〈/li〉
〈li〉3〈/li〉
〈/ol〉
标题列表
〈d1〉
〈dt〉标题一〈/dt〉
〈dt〉内容一〈/dt〉
〈dt〉标题二〈/dt〉
〈dt〉内容二〈/dt〉
〈dt〉标题三〈/dt〉
〈dt〉内容三〈/dt〉
〈〈dt〉