13518219792

真正零基础学习HTML(二)-创新互联

               Html表格

一、table标签

1、Tabl属性
（1）tr：行（table row）
（2）td:列（table data）
（3）th:表格的表头名称，与不同在于文字采用加粗居中的形式显示（table head）
（4）table表格
（5）border边框尺寸
（6）cellspacing单元格间距
（7）cellpadding内容和单元格边框距离
（8）align="center"居中属性
（9）bgcolor背景颜色
（10）width表格的宽度，可以用%或者像素，
（11）caption表格的标题
（12）rowspan单元格竖跨多少行，作用在th或者td上
（13）colspan单元格横跨多少列（即合并单元格），作用在th或者td上
二、

表单标签
1、Form属性
（1）action表单要提交的地址，用于处理表单的内容。
（2）method提交的方法，默认是get方式提交。
（3）get:1.提交的键值对.放在地址栏中url后面. 2.安全性相对较差. 3.对提交内容的长度有限制.
（4）post:1.提交的键值对不在地址栏. 2.安全性相对较高. 3.对提交内容的长度理论上无限制.
三、表单元素
1、input type标签
（1）text文本框输入（默认text文本框类型）。
（2）password密码框。（以下属性text和password共有）
（3）maxlength（type为text或password时，表示输入的大字符数），有利于防止sql的注入***
（4）radio单选按钮。属性：
name（将name的值设置为相同值，才表示一组数据，才能实现单选功能）
value（必须要写，提交到服务器的key值，实际开发过程中value一般是编号）
checked（是否被选中的状态）
（5）checkbox复选框。
name（名字一定要一样一样的，才表示是一组数据，添加到同一value值列表提交到服务器）value提交到服务器的key值
checked（是否被选中的状态）
（6）file文件域，上传文件
（7）submit提交按钮，用于提交表单
（8）reset重置按钮，清空表单的输入，恢复到表单默认的状态
（9）button普通按钮
（10）image图片按钮，用来提交表单，与submit是一样的效果src（图片路径）
（11）hidden隐藏字段。
（12）value隐藏的内容
（13）name表单提交项的key
（14）cols（设置文本域宽度）
（15）rows（设置文本域高度，即行数）
三、