知识点:
1.创建简单表格的方法
2.控制表格大小的方法
3.对齐内容及在表格中跨越行和列的方法
7.1 创建简单的表格:
table标签,border控制边框
tr标签,创建表格的行,包含td
td标签,单元格cell,其中th标签是表头的标题部分,自带居中加粗。
7.2 控制表格大小:
width,height:可以用百分比来控制
7.3 表格中的对齐和跨越:
在表格中用text-align和vertical-align效果会出奇的好~
colspan跨列控制合并单元格,rowspan是跨行。
cellpadding控制单元格内部的间距;cellspacing控制单元格之间的间距。
7.4 使用表格的页面布局:
目前的一个基本标准建议:不要将表格用于页面布局。 /*W3C提倡将样式表作为设计页面的正确方式*/
reason:
1.将内容和表现混合。CSS引进的目标之一就是将表现层与内容层分离。
2.毫无必要地造成重新设计的困难。修改时非常非常的麻烦!!你不禁会……Oh,my god
3.可访问性问题——读屏软件在表格上查找内容,会容易把布局表格当做内容表格来处理。 /*一些网页信息的抓取软件*/
4.在移动设备上的呈现——表格布局通常不够灵活,不能变化性地适应多种终端!It‘s very important!
HTML与CSS入门——第七章 使用表格显示信息
时间: 2024-11-05 17:33:16