HTML 表格
本课目标:
1、会使用表格的基本结构实现简单表格
2、会使用表格相关标签实现跨行、跨列的复杂表格
3、会使用表单的基本结构制作表单页面
表格应用场合
–论坛
–门户网站
–购物网站
注明:但尤其是嵌套表格等,对搜索引擎不友好,建议使用div+css。
表格的基本结构
行、列和单元格构成
在 HTML 文档中,广泛使用表格来存放网页上的文本和图像
表格的基本语法
|
<TABLE border="1">
<TR>
</TR> |
创建表格示例
|
<TABLE border="2"> <TR> <TD>移动</TD> <TD>联通</TD> <TD>铁通</TD> </TR> <TR> <TD>IBM </TD> <TD>惠普</TD> <TD>华硕</TD> </TR> </TABLE> |
跨多列的表格举例:
|
<TABLE border="2"> <TR> <TD colspan="3">学生成绩表</TD> </TR> <TR> <TD >英语</TD> <TD >数学</TD> <TD >语文</TD> </TR> <TR> <TD>95</TD> <TD>98</TD> <TD>89</TD> </TR> </TABLE> |
跨多行的表格
|
<TABLE border="1"> |
跨行跨列的表格
|
<TABLE border="1"> |
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
