HTML制作表格PPT课件.ppt

HTML制作表格会使用表格的基本结构实现简单表格会使用表格相关标签实现跨行、跨列的复杂表格会使用表格相关设置进行美化修饰本章目标为什么使用表格表格应用场合论坛门户网站购物网站论坛中应用表格门户网站应用表格购物网站应用表格表格的基本结构行列单元格在HTML文档中,广泛使用表格来存放网页上的文本和图像表格的基本语法<TABLEborder="1"><TR><TD> 单元格内容</TD> ……</TR>……</TABLE><TABLE>...</TABLE>定义表格<TD>…</TD>定义列<TR>…</TR>定义行border用来设置表格边框尺寸大小如何创建表格<TABLEborder="2"><TR><TD>移动</TD><TD>联通</TD><TD>铁通</TD></TR><TR><TD>IBM</TD><TD>惠普</TD><TD>华硕</TD></TR></TABLE>查看源代码什么是跨行跨列的表格跨3列跨3行下图中的表格哪里用了跨行?哪里用了跨列?跨了几行几列?跨多列的表格<TABLEborder="2"><TR><TDcolspan="3">学生成绩表</TD></TR><TR><TD>英语</TD><TD>数学</TD><TD>语文</TD></TR><TR><TD>95</TD><TD>98</TD><TD>89</TD></TR></TABLE>COLSPAN=“n”属性表示跨多少列?查看源代码跨多行的表格<TABLEborder="1"><TR><TDrowspan=“3”>早上菜谱</TD><TD>食物</TD><TD>鸡蛋</TD></TR><TR><TD>饮料</TD><TD>牛奶</TD></TR><TR><TD>甜点</TD><TD>开心粉</TD></TR></TABLE>rowspan=“n”属性表示跨多少行?查看源代码<TABLEborder="1"><TR><TD>手机充值、IP卡</TD><TDcolspan="2">办公设备、文具</TD></TR><TR><TDrowspan="2">各种卡的总汇</TD><TD>铅笔</TD><TD>彩笔</TD></TR><TR><TD>打印</TD><TD>刻录</TD></TR></TABLE>如何创建跨行跨列的表格查看源代码