2、表格和表单.ppt

表格和表单 用 HTML 代码创建表格 创建表单 使用框架 表格 创建表格 表格的标题 表格在页面中的对齐/布局 表格内文字的对齐/布局 tr align=# th align=# #=left, center, right td align=# 例子： table border width=160 tr thFood/ththDrink/ththSweet/th tr td align=“left”A/td td align=“center”B/td td align=“right”C/td /table 表格内文字的对齐/布局 tr valign=# th valign=# #=top, middle, bottom, baseline td valign=# table border height=100 tr thFood/ththDrink/th thSweet/ththOther/th tr td valign=topA/td td valign=middleB/td td valign=bottomC/td td valign=baselineD/td /table 合并单元格(跨列) 合并单元格(跨行) 代码阅读 TABLE width=200 border=1 align=center CAPTION align=bottom我的表格/CAPTION TR bgcolor=yellow TH1/TH TH2/TH /TR TR align=center TD rowspan=23/TD TD align=right4/TD /TR TR TD align=right5/TD /TR /TABLE 表格的背景色和尺寸设置 表格边框色彩的亮度控制 IEOnly table bordercolorlight=# table bordercolordark=# 例子： table cellspacing=5 border=5 bordercolorlight=White bordercolordark=Maroon trthFood/ththDrink/ththSweet/th trtdA/tdtdB/tdtdC/td /table 表格中的空单元格 table border=1trtdrow 1, cell 1/tdtdrow 1, cell 2/td/trtrtdrow 2, cell 1/tdtd/td/tr/table 表格中的空单元格 为了避免这个，可以在空单元格里加入不可分空格来占位，这样边框能正常显示。 table border=1trtdrow 1, cell 1/tdtdrow 1, cell 2/td/trtrtdrow 2, cell 1/tdtdnbsp;/td/tr/table 表格的边框 html body h4This table has no borders:/h4 tabletr td100/td td200/td td300/td /tr/table h4And this table has no borders:/h4 table border=“1tr td100/td td200/td td300/td /tr/table /body /html Cellpadding属性 cellpadding属性在表格内容和边框之间留出更多空白 html body h4With cellpadding:/h4 table border=1 cellpadding=10 tr tdFirst/td tdRow/td /tr tr tdSecond/td tdRow/td /tr /table /body /html Cellspacing属性 cellspacing属性来增加单元格间距 html body h4With cellspacing:/h4 table border=1 cellspacing=10 tr tdFirst/td tdRow/td /tr tr tdSecond/td tdRow/td /tr /table /body /html 应用Cellpadding和Cellspa