首页 理论教育 HTML5网页布局-表格标签及使用规范

HTML5网页布局-表格标签及使用规范

时间:2023-10-27 理论教育 版权反馈
【摘要】:在早期的网页布局中,主要是使用表格进行布局的。表1-18 列表标签1.表格<table>;…每个表格只能规定一个标题,通常标题会居中显示在表格上方。

HTML5网页布局-表格标签及使用规范

在早期的网页布局中,主要是使用表格进行布局的。在使用DIV+CSS之后表格布局网页已经退出了历史舞台,但在网页制作过程中会经常涉及表格的制作与设计,这里我们学习一下常用的表格标签,如表1-18所示。

表1-18 列表标签

978-7-111-53511-9-Chapter01-55.jpg

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>;元素。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈