在早期的网页布局中,主要是使用表格进行布局的。在使用DIV+CSS之后表格布局网页已经退出了历史舞台,但在网页制作过程中会经常涉及表格的制作与设计,这里我们学习一下常用的表格标签,如表1-18所示。
表1-18 列表标签
1.表格<table>;…<tr>;…<td>;
table的属性如下。
●border:在HTML4.01中border表示表格边框的宽度。在HTML5中border属性仅用于指示表格是否用于布局,且只允许属性值""或"1"。
●cellspacing:规定单元格之间的空白。HTML5中不支持。
●cellpadding:规定单元边沿与其内容之间的空白。HTML5中不支持。
●align:设置表格的居中显示。HTML4.01中不推荐使用,HTML5中不支持。
●bgcolor:设置表格的背景颜色。HTML4.01中不推荐使用,HTML5中不支持。
●width:表格的宽度。HTML5中不支持。
<tr>;定义表格中的行。
tr的属性如下。
●align:定义表格行的内容对齐方式。HTML5中不支持。
●valign:规定表格行中内容的垂直对齐方式。HTML5中不支持。
●bgcolor:设置表格行的背景颜色。HTML4.01中不推荐使用,HTML5中不支持。
<td>;定义表格单元。
td的属性如下。
●align:规定单元格内容的水平对齐方式。HTML5中不支持。
●bgcolor:规定单元格的背景颜色。HTML4.01中不推荐使用,HTML5中不支持。
●height:规定表格单元格的高度。HTML4.01中不推荐使用,HTML5中不支持。
●width:规定表格单元格的宽度。HTML4.01中不推荐使用,HTML5中不支持。(www.xing528.com)
●valign:规定单元格内容的垂直排列方式。HTML5中不支持。
●colspan:规定此单元格可横跨的列数。
●rowspan:规定此单元格可横跨的行数。
2.表格中的<th>;、<caption>;标签
<th>;定义表格中的表头单元格。
th基本上和td一样。
●th元素中的文本呈现为粗体并且居中。
●td元素中的文本是普通的左对齐文本。
<caption>;标签定义表格的标题。
<caption>;标签必须直接放到<table>;标签之后。每个表格只能规定一个标题,通常标题会居中显示在表格上方。
3.表格的分组<thead>;、<tbody>;、<tfoot>;
●<tbody>;定义表格的主体。
●<thead>;定义表格的表头。
●<tfoot>;定义表格的脚注。
thead元素应该与tbody和tfoot元素结合起来使用。
4.表格中的按列分组<colgroup>;、<col>;
<colgroup>;标签用于对表格中的列进行组合,以便对其进行格式化。
<col>;标签为表格中的一个或多个列定义属性值。
属性span定义<colgroup>;或<col>;应当横跨的列数。
通过使用<colgroup>;和<col>;标签可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。如果用户希望为多个表格列规定不同的属性值,可以使用<col>;元素。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。