表格
表格< table>标签中属性有
属性名 | 属性值 | 描述 |
---|
align | left、center、right | 规定表格相对周围元素的对齐方式。(不推荐使用,用样式代替) |
bgcolor | 颜色名字或颜色二进制代码 | 规定表格的背景颜色。(不推荐使用,用样式代替) |
border | 1或者其他" " | 规定表格单元是否拥有边框,默认为" ",表示没有边框。 |
cellpadding | 像素值 | 规定单元边沿与其内容之间的空白,默认1像素。 |
cellspacing | 像素值 | 规定单元格之间的空白,默认为2像素。 |
width | 像素值或百分比 | 规定表格的宽度。 |
frame | void、above、below、hsides、lhs、rhs、vsides、box、border | 规定外侧边框的哪个部分是可见的。 |
rules | none、groups、rows、cols、all | 规定内侧边框的哪个部分是可见的。 |
summary | text | 规定表格的摘要。 |
border-collapse | collapse | 设置表格的边框是否被折叠成一个单一的边框或隔开 |
表格中frame属性值设置对应的效果
frame属性值 | 描述 |
---|
void | 不显示外侧边框。 |
above | 显示上部的外侧边框。 |
below | 显示下部的外侧边框。 |
hsides | 显示上部和下部的外侧边框。 |
vsides | 显示左右两边的外侧边框。 |
lhs | 显示左边的外侧边框。 |
rhs | 显示右边的外侧边框。 |
box | 在所有四个边上显示外侧边框。 |
border | 在所有边上显示外侧边框。 |
表格中align属性值设置对应的效果
值 | 描述 |
---|
left | 左对齐(默认为左对齐)。 |
right | 右对齐 |
center | 居中对齐内容(th(表头)元素的默认值) |
justify | 对行进行伸展,可以设置字符相等的长度(貌似两端对齐) |
char | 将内容对准指定字符 |
表格中< tr>标签属性
表格中用< tr>标签来定义HTML表格中的行tr元素中包含一个或多个th(表头,自动居中加粗)或td元素
属性 | 值 | 描述 |
---|
align | right left center justify char | 定义表格行的内容对齐方式 |
bgcolor | 颜色名字或颜色二进制代码 | 设置表格行的背景颜色(一般不使用,用样式取而代之) |
char | character | 规定根据哪个字符来进行文本对齐 |
charoff | number | 规定第一个对齐字符的偏移量 |
valign | top、middle、bottom、baseline | 规定表格行中内容的垂直对齐方式 |
valign属性值设置的对应效果
值 | 描述 |
---|
top | 对内容进行上对齐 |
middle | 对内容进行居中对齐(默认值) |
bottom | 对内容进行下对其 |
baseline | 表格一行中与基线对齐 |
表格中< td>标签的属性
属性 | 值 | 描述 |
---|
abbr | text | 规定单元格中内容的缩写版本(HTML5 不支持 < td> abbr 属性。) |
align | left、right、center、justify、char | 规定单元格内容的水平对齐方式 |
axis | category_name | 对单元进行分类(没有浏览器支持axis属性) |
nowspan | nowrap | 规定单元格中内容是否自动换行(不赞成使用,一般使用样式取而代之) |
rowspan | number | 规定单元格横跨的行数 |
colspan | number | 规定单元格横跨的列数 |
… | … | …(其余参考< tr>标签的属性值) |
abbr标签使用全局的title属性,这样就能够在鼠标指针移动到 < abbr> 元素上时显示出简称/缩写的完整版本。
< th>标签属性与< td>标签属性基本一致在此就不一一赘述了