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>
表格的基本结构: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>