表格、表单,列表,浮动框架

8.表格:结构化的数据
表格的基本结构:table包含 tr包含  td
数据文本等内容位于td中
表格的属性:
border:内外边框的宽度都设置为1
cellspacing:单元格之间以及单元格和外边框之间的间距
cellpadding:单元格和文本内容之间的空间
width/height

td的属性:
width/height
align:left/center/right
valign:top/middle/bottom

表格的完整结构:
caption:为表格定义标题
行分组元素:将某些行分组,用于实现样式不同
thead
tbody
tfoot

不规则表格:用于页面的布局
td元素colspan属性:跨列
     rowspan属性:跨行
     
表格的嵌套:复杂布局


9 .表单
表单元素:<form></form>
承载控件,输入或者选择
提交:以表单为单位

<form action="login.jsp" method="post">
<input type="text">
<input type="submit">
</form>

表单中可以包含控件元素
input 元素:输入
type="":依靠type属性的不同取值创建不同类型的控件

文本框
text:单行文本框
password:密码文本框

value属性:设置初始值
按钮
submit:提交
reset:重置--恢复到初始加载时
button:普通按钮
image:图像按钮

value属性:设置按钮上的文本

单选框和复选框(核选框)
checkbox:复选框
radio:单选框

value属性:提交给服务器的数据
checked属性:默认是否选中
name属性:设置为同一组

文件域:
file:选择上传的文件

隐藏域:
hidden:记载那些不需要被用户看见的关键数据,比如id

其他元素:
textarea:多行文本框
cols/rows
label:文本标记
for属性:关联的控件的id
选择框:下拉框/列表框
select
size属性:区分下拉框或者列表框
multiple属性:允许多选,只用于列表框
option
value属性:记载提交的数据
控件分组元素
fieldset:将控件分组
legend:为分组定义标题

10. 列表
ul:无序
ol:有序
li:列表项
嵌套的列表+CSS样式:菜单的效果

11:浮动框架:用于在一个html页面上嵌入另一个html页面
<iframe></iframe>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值