HTTP
四大特性
1.基于请求响应
2.基于tcp/ip,作用与应用层之上的协议
3.无状态
4.无链接
请求数据格式
请求首行(用来标识HTTP协议版本,当前请求方式)
请求头(一大堆K,V键值对)
请求体(POST请求有,GET请求没有;主要用来存放提交的数据)
响应状态码
1xx:服务端已经成功接收到了你的数据正在处理,你可以继续提交额外的数据
2xx:服务端成功响应了你想要的数据(200,请求成功)
3xx:重定向(当你在访问一个需要登录之后才能看的页面)
4xx:请求错误(404,请求资源不存在;403,当前请求不合法或者不符合资源的访问条件)
5xx:服务器内部错误(500,服务器出现问题)
HTML
注释
<--!-->
由于html代码非常多,因此用注释来划分不同的区域
文档结构
<head></head>:定义一些配置给浏览器的内容
<body></body>:自定义的网页上的内容
标签
标签的两个重要属性
id:一个html上的id应是不重复的
class:该值类似于面向对象里的继承,一个标签可以继承多个class值
常用标签
1.在书写代码html代码的时候,只需要书写标签名,然后用tab键补全即可
2.head内常用标签
title:网页标题
style:书写css
link:引入外部css文件
script:书写js
3.body内常用标签
h:标题标签
b:加粗
i:斜体
u:下划线
s:删除线
p:段落标签
br:换行
hr:水平分割线
div:布局用块级标签
span:布局用行内标签
img:图片标签
src:图片的路径,可以放url,自动发送get请求
alt:当图片加载不出来的时候,给图片的描述性信息
title:鼠标悬停到图片上的提示信息
height和width:两者等比例缩放,需要考虑比例问题
a:链接标签
href:放的是url
target:默认_self在当前页面跳转,_blank为在新的空白页面
锚点:#标签id,就可以
ul、ol、dl:list标签
type:序号样式
start:起始位
table:表格标签(一般只要是展示数据 一般都可以使用表格标签)
tr:一个tr表示一行
td:一列
thead:表头
rowspan:跨几行
colspan:跨几列
标签的分类
1.块级标签:可以修改长宽,可以嵌套任意块级和行内标签
2.行内标签:不可以修改长宽,只能嵌套行内标签
特殊符号
空格:
大于号:>
小于号:<
&:&
¥:¥
@:©
商标:®
表单标签
form:在该form标签内书写的获取用户的数据都会被form标签提交到后端
action:控制数据提交的后端路径(给哪个服务端提交数据)
1.什么都不写,默认就是朝当前页面所在的url提交数据
2.写全路径
3.只写后缀action='/index/',自动识别当前服务器的ip和端口拼接到前面
method:控制数据提交的方式(post,get)
能够提交form表单的按钮
1.input + submit
2.button
input:所有获得用户输入的标签,都应该有name属性,用来获取值;类似于字典的key
text:通过id可以和lable标签关联,利用标签for='input的id值' ;普通文本
password:密文展示
date:日期
submit:用来触发form表单提交数据的操作
button:普通的按钮,可以添加动作
reset:重置表单内容
radio:单选框,默认选中,加checked='checked',当标签的属性名和属性值一样的时候可以简写
checkbox:多选框,默认选中,加checked='checked'
file:选择文件,多选加multiple
hidden:隐藏当前input框
select + option:默认是单选,加multiple多选
textarea:大段文本框