一、表格标签<table>
&行标签<tr>
&单元格标签<td>
HTML的 table 元素表示表格数据
标签省略 | 不允许,开始标签和结束标签都不能省略 |
---|
HTML <tr>
元素定义表格中的行。
标签省略 | 不允许,开始标签和结束标签都不能省略 |
---|
HTML <td>
元素定义表格中的列
标签省略 | 不允许,起始标签是必需的,结束标签有时可以省略但不提倡 |
---|
<table>
<tr>
<td>Name</td>
<td>City</td>
<td>Age</td>
</tr>
<tr>
<td>Tom</td>
<td>上海</td>
<td>1</td>
</tr>
<tr>
<td>Jack</td>
<td>北京</td>
<td>2</td>
</tr>
<tr>
<td>Rose</td>
<td>深圳</td>
<td>3</td>
</tr>
</table>
table-border :
这个整型元素使用像素,定义了表格边框的大小。如果设置为1,表示表格具有1px大小的边框。
table-width :
该属性定义了表格的宽度。
二、表头单元格标签<th>
HTML <th>
元素定义表格内的表头单元格.有文本加粗居中的作用
标签省略 | 不允许,起始标签是必需的,结束标签有时可以省略但不提倡 |
---|
三、 表格标题标签<caption>
HTML <caption>
元素展示一个表格的标题, 它常常作为 <table>
的第一个子元素出现,同时显示在表格内容的最前面
标签省略 | 不允许,开始标签和结束标签都不能省略 |
---|
四、结构标签<thead>
&结构标签<tbody>
&结构标签<tfoot>
HTML的<thead>
元素定义了一组定义表格的列头的行。
HTML 元素<tbody>
元素在一个 <table>
元素中可以出现一个或者更多.代表表格的主体内容
HTML 元素<tfoot>
定义了一组计算表格中各列总和的行
五、HTML表格标签的属性
table-border :这个整型元素使用像素,定义了表格边框的大小。如果设置为1,表示表格具有1px大小的边框。
table-width :该属性定义了表格的宽度。
table-bgcolor :这个属性定义了表格的背景颜色
table-align :这个属性指定了包含在文档中的表格必须如何对齐。有如下值:
left,表格将在文档左侧显示;
center, 表格将在文档中央显示;
right, 表格将在文档右侧显示;
table-cellpadding :这个属性定义了表格单元的内容和边框之间的空间。
table-cellspacing :这个属性定义了两个单元格之间空间的大小
table-frame
viod:不显示外边框
box
border:四周都显示
above:显示上部的外边框
below:显示下部的外边框
hsides:显示上下的外边框
lhs:显示左部的外边框
rhs:显示右部的外边框
vsides:显示左右的外边框
table-rules
none, 内边框将不被显示;这是默认的值;
rows, 内边框将在行之间显示;
cols, 内边框在列之间显示;
all, 内边框将被显示
thead/tbody/tfoot/tr/td -align:这个属性指定了包含在文档中的表格内容必须如何对齐。有如下值:
left
center
right
thead/tbody/tfoot/tr/td -valign :
bottom
middle
top
thead/tbody/tfoot/tr/td -bgcolor :这个属性定义了表格行的背景颜色
td-colspan:跨列属性
td-rowspan:跨行属性
td-height:
td-height: