html表格

表格

caption：设置表格标题
thead：设置表格头部
tbody：设置表格体部
tfoot：设置表格脚步
tr：一行
td/th：一个单元格  th有加粗居中样式

table的私有属性

align：
border
cellpadding
cellspacing
width
bgcolor
td/th：
colspan
rowspan

合并单元格

项目	合并单元格
跨行 roespan=“合并单元格个数	最上侧单元格为目标单元格 写合并
跨列 colsoan=“合并单元格个数	最左侧单元格为目标单元格 写合并 代码

合并步骤

• 确定跨什么 找目标单元格，
• 写上合并方式=合并单元格数量 例如
  <td colspan="2"></td>.
• 删除多余单元格

列表标签：

ul:无序列表

li：子标签

ol:有序列表

• 私有属性：
  start:number
  reversed:布尔属性
  子标签：li
  默认序号从1开始

• dl：标题列表
  dt:标题标签 dd：列表项

• form：表单
  客户端和服务器端发生数据交互时，需要使用表单
  表单的主要目的是为了收集用户信息，由表单域，表单控件（也叫表单元素）和提示信息组成，格式：
  

<form action="url地址"method="提交方式“name="表单域名称">
各种表单元素控件
</form>

私有属性：

action：表单提交地址

target：
_self
_blank

method:设置表单提交 方式

• get： 将数据拼接在浏览器地址栏上 安全性较低 只能提交轻量级数据
• post： 将数据封装在请求中 安全性较高 可以提交重量级数据 表单默认使用get请求方式
• enctype：设置表单提交数据类型

子组件

input：

input：输入 包含一个type属性，根据不同的type属性值，输入字段拥有很多种形式

<input type="属性值">

写表单元素之前先写表单域

私有属性

type

                    text:单行文本框
					password：密码框
					submit:提交按钮
					reset：重置按钮
					image：图片按钮
					radio：单选框
					checkbox：多选框
					button：普通按钮
					hidden：隐藏域
					file：文件上传按钮

value:

					1.写在按钮上，代表修改按钮名称
					2.写在输入框上，代表输入框的默认值
					3.写在单选/多选框上，代表交互数据的

name:

					设置前后台交互数据的key值

src:

					type=image

alt:

				width
				height:

checked：布尔值，默认选中

针对单选框和多选框

size:设置文本框的宽度

					默认宽度20
				maxlength:文本框的最大输入字符长度
				readonly：只读，布尔属性
				disabled:布尔属性，禁用组件

autofocus:自动聚焦，布尔属性

				placeholder：提示用户输入
				required：布尔属性，必填项

label:

			关联文件和组件

		fildset:
			legend:设置区域标题

button：

			按钮

• type:
  submit
  reset
  button

• 如果button写在form标签内，type默认为submit

• 如果button写在form标签外，type默认为button

select：

			下拉框

• 私有属性：
  size：设置每次展示的项数
  multiple：布尔属性，是否可以多选
  disabled：
  name

• 子组件：
  option：选项
  disabled：
  selected：布尔属性，默认选中项

   			optgroup：
   				分组option
   					label属性：设置分组标题
  

• textarea：
  多行文本输入框
  cols
  rows
  wrap：
  off
  hard
  soft

http协议：

• 请求：
  客户端-》服务器端
  协议版本号
  请求方式
  请求参数
  …
• 响应
  服务器端-〉客户端
  协议版本号

状态码 			
200:ok 			
404 			
500 			
403 			
。。。。 		
readystate：
   			0 			1 			2 			3 			4：响应完成 		
   			响应体：