HTML 笔记 表格与按钮框

表格

标记:
<table></table>:表示一个表格
属性:table
height
align
border 边框宽度,取值以px为单位
bgcolor
cellspacing:单元格外边距(单元格与单元格 或者单元格与表格之间的距离)
ccellpadding:单元格内边距(单元格与内容之间的距离)
<tr></tr>:表示表格中的一行
 
<tb></tb>:表示行中的一咧
<th></th>:行/列 标题(加粗,水平居中)
<caption></caption>:表格的标题
该元素必须添加在<table>之下,所有tr之上



表格的复杂使用

行分组
允许将若干行划分到 一个组中
表头行分组
允许将第一行的内容单独分到表头行分组中
<thead></thead>
表尾行分组
允许将最后行的内容单独分到表尾行分组中
<tfoot></tfoot>
表主体行分组
<tbody></tbody>>



2、不规则表格创建
1、通过td 跨行和跨列实现不规则的表格
1、跨列
<td colspan=""> 从指定单元格位置处开始,横向向右,合并掉几个单元格(包含自己),被合并的单元格要删除
2、跨行
<td crowspan=""> 从指定单元格位置处开始,纵向向下,合并掉几个单元格(包含自己),被合并的单元格
3、 表格的嵌套
被嵌套的所有的内容,只能放在td中

列表

1、作用:按照一定格式显示数据
组成:列表联系以及列表项



value:最终提交给服务器的中
name:控件的名称,提供给服务器使用
disaled:禁用控件,该属性没有值,只能看,不能改,并且不能交给服务器

单选按钮和复选框:

标记:单选按钮:<input type="radio"/>
复选框:<inout type="checkbox"/>
文本框:<input type="text"/>
密码框:<input type="password"/>
提交按钮:<input type="submit"/>
重置按钮:<input type="reset"/>
普通按钮:<input type="buton"/>
文件筐:<input type="file"/>
隐藏域:<input type="hidden"/>
文本域:<textarea>文本</textarea>
标签:表单中的文本,用于控件设置显示名称
语法:<ladel for="控件id">文本</ladel>

猜你喜欢

转载自www.cnblogs.com/xf2764/p/10326252.html