HTTP协议

超文本传输协议(超文本标记语言)

规定了服务端与浏览器数据传输的数据格式

标签总:(双标签,自闭合标签)

​ (块标签,行内标签)

​ (head、body常用标签,)

​ (图片标签,列表标签,表格标签)

列表 :分为有序和无序

web服务的本质

请求 响应

浏览器输入网址 回车看看发生了什么

get请求 向服务器要资源 输入网址

post请求 向服务器提交数据 登录

文件的后缀名

​ 对于用户有用,对于计算机都一样,全部是二进制

注释是代码之母

THML的文档结构

	<head> </head>给浏览器看的
	<body> </body> 内的代码给程序员看的

四大特征

基于TCP/IP作用于应用层之上的协议

基于请求响应

无状态

无连接

数据格式

​ 请求格式

​ 请求首行

​ 请求头

​ 请求体

响应格式

​ 响应首行

​ 响应头

​ 响应体

响应状态码

​ 用数字表示一串文字需要表达的意思

​ 1xxx:服务端已经成功接收请求,正则处理 你可以继续提交其他的数据

​ 2xxx:服务器成功响应了响应的数据(200)

​ 3xxx: 重定向

​ 4xxx:(404)请求资源不存在 (403)你当前不符合某一些条件

​ 5xxx:(500) 服务器内部错误

标签分类1

​ 双标签(h1,a)

​ 自闭合标签(img)

head内常用的标签

title(定义网页标题)

style(内部支持写css样式文件)

link(引入外部css样式文件)

script(内部可以直接写js代码 ,也可以引入外部js文件)

meta (定义网页源信息)

body内常用的标签

h1~h6 标题标签

p 段落标签 一个p就是一行内容

s 删除线

b 加粗

u 下划线

i 斜体

br 换行

hr 一条分割线

body内的特殊符号

&nbsp; 空格

&amp; &符号

&yen; ¥符号

&gt; 大于号

&lt; 小于号

&copy; ©版本

&reg; ® 注册

标签的分类2

块级标签 h1~h6 p br hr div

独占一行内容

可以嵌套其他块级和行内标签

行内标签 s i u b span

内部文本和块级多大 就占多大

行内不能嵌套行内

标签通常应该有的两个属性

id 每个标签在html文档中都有一个唯一的id值

class 类属性 优点类似于面向对象的继承 class = ‘ c1 c2 c3’

这个标签拥有c1c2c3的所有的样式

body内重要的标签

div 一块区域 可以填写任意内容

span

div和span是前期构建网页的基本骨架

链接标签

跳转功能 href参数控制跳转的地址

初始是蓝色的,点过一次之后就是紫色的

a标签默认是在当前窗口跳转

新建窗口打开

target = ‘_self’

锚点功能

可以通过设置id值来在href中书写a标签id值 点击即可跳转到对应的位置

图片标签

img

src 图片的地址 网上地址 或者 本地的地址都可以

url(网址) 自动朝该网址发送get请求 获取图片资源

alt

当图片加载不出来的时候 展示提示信息

title

鼠标悬浮上去之后展示的提示信息

width和height

这两个参数 只需要设置一个 就行 默认是等比缩放

两个可以自定义设置

列表标签

无序

ul

​ li参数

type

disc(实心圆点,默认值)

circle(空心圆圈)

square(实心方块)

none(无样式)

有序

ol

​ li

type参数

1数字列表,默认值

A

a

大I罗马

小i罗马

标题列表

dl

​ dt 小标题

​ dd 小章节

表格标签

展示数据

table

​ thead

​ tr

​ th

一个tr就是表示一行

tbody

tr

td