HTML基础知识(六)

<table></table>标签：

基本结构：

<table>

<tr>

   <td>内容</td>

</tr>

</table>

tr为行，td为列；

详细结构：

<table>

<caption>表格标题</caption>

<colgroup></colgroup>

<col/>

<thead>

    <tr>

       <th>页眉</th>

       <td>页眉</td>

</tr>

</thead>

<tbody>

<tr>

    <th>表头</th>

    <td>内容</td>

</tr>

</tbody>

<tfoot>

    <tr>

        <th>页脚</th>

<td>页脚</td>

</tr>

</tfoot>

</table>

 

th为表头，caption为表格标题，thead为表格页眉，tbody为表格主体，tfoot为页脚，col定义列属性，colgroup定义列的组；

table的属性：

align：水平对齐方式，align=”left/center/right”；默认为left；

border：边框宽度，border=”n”,n为数字；默认为0；

bgcolor：背景颜色，bgcolor=”颜色”；默认无；

cellpadding：单元边沿与其内容之间的空白；cellpadding=”n / %”; n为数字，%为百分比；

cellspacing：单元格之间的空白；cellspacing=”n/ %”; n为数字，%为百分比；

with：表格宽度；with=”n/ %”; n为数字，%为百分比；

frame：规定外侧边框的哪个部分是可见的；

void--不显示外侧边框   above--显示上部的外侧边框   below--显示下部的外侧边框

hsides--显示上部和下部的外侧边框    vsides--显示左边和右边的外侧边框

lhs--显示左边的外侧边框  rhs--显示右边的外侧边框  

box--在所有四个边上显示外侧边框     border--在所有四个边上显示外侧边框

rules：规定内侧边框的哪个部分是可见的；

none--没有线条   groups--位于行组和列组之间的线条   rows--位于行之间的线条

cols--位于列之间的线条    all--位于行和列之间的线条

caption的属性：align—left/right/top/bottom；默认center；

colgroup的属性：

align： right/left/center/justify/char 定义在列组合中内容的水平对齐方式。

justify--对行进行伸展，这样每行都可以有相等的长度

char--将内容对准指定字符

默认为left

char：  character   规定根据哪个字符来对齐列组中的内容。

charoff：number   规定第一个对齐字符的偏移量。

span：  number    规定列组应该横跨的列数。

valign： top/middle/bottom/baseline 定义在列组合中内容的垂直对齐方式。

baseline--与基线对齐

width： pixels/ % /relative_length   规定列组合的宽度。

relative_length--把可用像素分配到各部分

col的属性：与colgroup的属性相同；

thead/ tbody/ tfoot的属性：align  char  charoff valign；

tr的属性：align char  charoff  valign bgcolor；

th的属性：

属性	值	描述
abbr	text	规定单元格中内容的缩写版本。
align	left right center justify char	规定单元格内容的水平对齐方式。
axis	category_name	对单元格进行分类。
bgcolor	rgb(x,x,x) #xxxxxx colorname	规定表格单元格的背景颜色。
char	character	规定根据哪个字符来进行内容的对齐。
charoff	number	规定对齐字符的偏移量。
colspan	number	设置单元格可横跨的列数。
headers	idrefs	由空格分隔的表头单元格 ID 列表，为数据单元格提供表头信息。
height	pixels %	规定表格单元格的高度。
nowrap	nowrap	规定单元格中的内容是否折行。
rowspan	number	规定单元格可横跨的行数。
scope	col colgroup row rowgroup	定义将表头数据与单元数据相关联的方法。
valign	top middle bottom baseline	规定单元格内容的垂直排列方式。
width	pixels %	规定表格单元格的宽度。

td的属性：

属性	值	描述
abbr	text	规定单元格中内容的缩写版本。
align	left right center justify char	规定单元格内容的水平对齐方式。
axis	category_name	对单元进行分类。
bgcolor	rgb(x,x,x) #xxxxxx colorname	规定单元格的背景颜色。
char	character	规定根据哪个字符来进行内容的对齐。
charoff	number	规定对齐字符的偏移量。
colspan	number	规定单元格可横跨的列数。
headers	header_cells'_id	规定与单元格相关的表头。
height	pixels %	规定表格单元格的高度。
nowrap	nowrap	规定单元格中的内容是否折行。
rowspan	number	规定单元格可横跨的行数。
scope	col colgroup row rowgroup	定义将表头数据与单元数据相关联的方法。
valign	top middle bottom baseline	规定单元格内容的垂直排列方式。
width	pixels %	规定表格单元格的宽度。