第5讲 网页制作(二).pptVIP

.NET程序设计 主讲教师: 李璟 e-mail: 2008sjyx@163.com 手机第5讲 网页制作（二） 5.1 表格的控制与表格布局 5.2表单 5.1 表格的控制与表格布局 表格的常用属性 表格行的常用属性 表格单元格的常用属性 表格的互相嵌套 网页快速表格布局的方法 表格的控制 三个主要表格标记（table标记、td标记、tr标记）都有着丰富的属性，对这些属性作一定的设置，可以控制表格的表现。 因为表格不仅用作存放数据，而且可以用于网页布局，所以表格的控制很重要。 表格的边框和间距展示 表格的常用属性 table.htm html head title表格背景设置/title /head body table width=500 height=200 align=center border=10 bordercolor=ff0000 cellspacing=30 cellpadding=0 bgcolor=#cccc99 tr td电脑组成/tdtd中央处理器/td td硬盘/tdtd主板/td /tr tr td知名品牌/tdtd英特尔/td td希捷/tdtd华硕/td /tr /table /body /html 表格行的常用属性 表格单元格的常用属性 table_tr_td_1.htm html head title表格的单元格设置/title /head body table width=600 height=200 align=center border=10 bordercolor=#ff0000 cellspacing=15 cellpadding=10 bgcolor=#cccc99 tr bgcolor=#99ccff td bgcolor=#99cc00 align=center 电脑组成/td td中央处理器/td td硬盘/td td主板/td /tr tr align=center valign=bottom td知名品牌/td td英特尔/td td希捷/td td华硕/td /tr /table /body /html table_tr_td_2.htm html head title合并单元格/title /head body table width=600 height=200 align=center border=10 bordercolor=#ffff00 cellspacing=10 cellpadding=0 bgcolor=#cccc99 tr td电脑组成/td td中央处理器/td td硬盘/td td主板/td /tr tr td电脑组成/td td colspan=3 align=center中央处理器/td /tr tr td rowspan=2 align=center电脑组成/td td中央处理器/tdtd硬盘/tdtd显卡/td /tr tr td内存/td td主板/td td显示器/td /tr /table/body /html table_tr_td.htm html head title表格的设置/title/head body 设置表格边框为0、黑色背景色、单元格外边距为1像素，然后设置br/ 每个单元格为白色背景色。这样，表格就有了黑色细线边框的感觉： table width=400 height=60 border=0 cellspacing=1 cellpadding=0 bgcolor=#000000 tr align=center height=45 td bgcolor=#ffffff电脑组成/tdtd bgcolor=#ffffff中央处理器/td td bgcolor=#ffffff水平居中对齐/td /tr tr height=45 align=right td bgcolor=#ffffff知名品牌/tdtd bgcolor=#ffffff英特尔/td td bgcolor=#ffffff水平右对齐/td /tr tr heig