* 表格标签
* 表格的基本语法
* 必须在table标签中,tr代表行,td表示具体值
*
* 标签的含义
* <table></table>来定义表格
* <tr></tr>标签用于定义表格的行(table row),必须要放在table标签中
* <td></td>标签用于定义表格中的单元格,必须嵌套在tr标签中
* <th></th>用于定义表头内容,表头内容会加粗并居中对其
* 表格标签的属性
属性名属性值描述alighleft、right、center规定表格相对于周围元素的对齐方式border1或者""规定表格单元格是否有边框,默认""没有边框cellpadding像素值规定单元格边沿和其内容之间的空白距离,默认1像素cellspacing像素值规定单元格之间的空白距离,默认2像素width/height像素值规定表格的宽度/高度
* thead和tboby标签
* 是为了更清楚的区分表头和表内容的两个标签,thead代表表头,tboby代表内容部分
* thead和tboby仍然要遵循表格标签格式,书写tr标签
*
* 合并单元格
* 确定需要跨行或者跨列的第一个单元格
* 在合并的第一个单元格td标签中,添加跨行、跨列属性:跨行rowspan="n",跨列colspan="n"最小2
* 删除除第一个被合并的单元格
* 可在起始单元格跨行rowspan="2",跨列colspan="2",是个2x2的合并
* 列表标签
* 有序列表ol>li
* 有序列表是有顺序的列表,各个列表之间按照一定顺序排列<ol></ol>定义,内部用<li></li>
* 前面有明确的顺序编号
*
* 只能嵌套li标签,直接书写其他标签是不允许的(控制整体样式,方便修改)
* li标签内相当于一个容器,可以容纳所有元素
* 无序列表ul>li
* 前面一般用项目符号呈现,默认圆点,可用css调整默认样式
* 没有级别之分,并列关系
* 只能嵌套li标签,同ol标签
* 自定义列表dl>dt>dd>dd.....
* 自定义列表主要的使用在页面的底部
* dl标签用来声明,dt标签代表列表项名词,dd标签代表名词解释
* dl标签只能包含dt标签和dd标签
* 经常一个dt标签对应多个dd标签
* 表单标签
* 为什么需要表单标签
* 使用表单的目的就是为了收集用户信息
* 表单域
* 表单域是一个包含表单元素的区域
* 在html中表单使用< form>< /form>进行声明
* 表单的作用
* 1、收集用户信息
* 2、将收集到信息提交给服务器进行处理
* 语法
* 表单域属性
属性属性值作用actionurl地址用于指定接收并处理表格数据的服务url地址methodget/post用户设置表单数据的提交方式name文本用于指定表单域的名称,一个页面有肯能有多个表单
* 表单控件
* input属于表单元素
* type属性及其属性值
属性值说明属性值说明text定义单行的输入字段,用户可以在其中输入文本,默认宽度20字符file定义输入字段和浏览按钮,来进行文件上传button定义可以点击按钮(大多数跟JS一起连用)password定义密码输入框radio定义单选框reset定义重置按钮checkbox定义复选框submit定义提交按钮...................
* 其他属性
属性值说明属性值说明name定义input的名字checked规定input元素首次加载时应当被选中value规定input元素的值maxlength输入字符的最大程度
* 注意点
* name和value是每个表单元素都有的属性,主要给后台使用
* name表单元,一般还是用在单选框和复选框部分,来保证单选按钮和复选框的一致性
* checked主要是针对于单选按钮和复选框,页面首次加载,会默认选中指定元素
* maxlength,最大字符数,一般使用较少
* lable标签的使用
* 范围点击选定标签
* 先在label标签设定名字,再根据这个名字定义input标签名字
* select标签
* 页面中,如果想设置多个选项供用户选择,下拉选项标签
* select标签中至少包含一堆option
* 在select标签中来定义selected="selected"可以把当前项设为默认选项
* textarea文本域
* 当用户输入比较多的内容的时候,要用textarea标签,不能使用文本框
* 常见于:留言板,评论区
* 主要
* cols="每行显示的字符数" 注意这里是针对于英文字母来说的,汉字的宽度比英文字母大,一个汉字长度等于2个英文字母的长度
* rows="显示的行数"
* 这里设置的容纳字符数必须文本域里面的内容要超出文本域默认的区域才能看到效果
* 查阅文档的网站
* 百度、w3c、菜鸟教程、MDN(重要)
|