前端知识之HTML内容

只要是跟用户打交道的界面都可以称之为前端 例如：电脑界面、手机界面、平板界面 什么是后端？ 不跟用户直接打交道的都可以称之为后端 例如：python、Java、go

为了成为全栈工程师 前端、后端、数据库、linux

1、HTML：网页的骨架，没有任何的样式 2、css：美化网页，给网页骨架添加样式 3、JavaScript：就是让网页动起来

​ c/s架构

​ b/s架构

1、浏览器像服务端发起请求 2、服务端接受客户端的请求 3、服务端处理客户端的请求，并且返回给浏览器 4、浏览器根据特定的规则渲染页面 要想让浏览器跟很多个服务端进行交互，就一定要遵循一定的规则

超文本传输协议，用来规定服务端和客户端之间的数据传输格式 ​ 本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性 问题）

1、基于请求响应 2、基于TCP/IP协议之上的应用层协议 3、无状态——不能保存用户信息 保存用户信息的技术：cookie、session、token…… 4、短链接/无链接 长链接

1、请求首行（请求方式、路径、版本号） 2、请求头（一堆键值对数据） 3、\r\n 4、请求体（get请求没有请求体，post请求有请求体） get请求参数传递格式 ？k=v&k1=v1&k2=v2 响应数据格式 响应首行（响应方式） 响应头（一堆键值对数据） \r\n 响应体 响应状态码 其实就是用一些数字来表示一些复杂的信息 1xx：数据提交成功，正在处理，你可以进行提交 2xx：200 OK 请求成功 3xx：重定向 4xx：404 请求资源不存在 ； 403 请求的资源没有权限 5xx：500 服务器内部错误

1、get请求——跟服务端要数据 2、post请求——提交数据：比如登录，用户密码

表单用于向服务器传输数据，从而实现用户与Web服务器的交互 表单能够包含input系列标签，比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含textarea、select、fieldset和 label标签。

属性

描述

accept-charset

规定在被提交表单中使用的字符集（默认：页面字符集）。

action

规定向何处提交表单的地址（URL）（提交页面）。

autocomplete

规定浏览器应该自动完成表单（默认：开启）。

enctype

规定被提交数据的编码（默认：url-encoded）。

method

规定在提交表单时所用的 HTTP 方法（默认：GET）。

name

规定识别表单的名称（对于 DOM 使用：document.forms.name）。

novalidate

规定浏览器不验证表单。

target

规定 action 属性中地址的目标（默认：_self）。

input标签为单标签 type属性设置不同的属性值用来指定不同的控件类型 除了type属性还有别的属性

type属性值

表现形式

对应代码

text

单行输入文本

<input type=text" />

password

密码输入框

date

日期输入框

checkbox

复选框

radio

单选框

submit

提交按钮

reset

重置按钮

button

普通按钮

hidden

隐藏输入框

file

文本选择框

属性说明: name：表单提交时的“键”，注意和id的区别 value：表单提交时对应项的值 type="button", "reset", "submit"时，为按钮上显示的文本年内容 type="text","password","hidden"时，为输入框的初始值 type="checkbox", "radio", "file"，为输入相关联的值 checked：radio和checkbox默认被选中的项 readonly：text和password设置只读 disabled：所有input均适用

//仅供学习交流//