HTML属性的应用

来源:互联网 发布:seo外包安徽 编辑:程序博客网 时间:2024/06/05 11:31

表格

<table>双标签的属性。。。border、align、width、height、、、、、、、、、、width、height的属性值可以是像素也可以是百分比。

align(属性值top.left.right.bottom)的值是指标题在整个表格的什么位置,例如:align=top

<caption>是双标签是设置表格标题的,可以设置标题的color、align、、

<width>在<tr>中设置是不起作用的,<height>在<tr>是可以设置的。

<tr>的属性

bgcolor是设置表格的背景颜色。

<tr><td>的属性bgcolor是设置表格的背景颜色的。

<td>的属性

   colspan是跨列合并单元格(合并列),colspan的属性值是数字,就是合并的格数。

   rowspan是跨行合并单元格(合并行),colspan的属性值是数字,就是合并的格数。

合并的时候,如果合并的是行,那么就把删除多余的行,如果是合并列,那么删除多余的列 。

在表格中可以对某一单元格进行单一的设置背景颜色,最后设置的颜色将覆盖以前的颜色。

设置划分结构表格<thead>、<tbody>和<tfoot>

基本语法

—<thead></thead>表示定义一组表头行;

Ø <tbody></tbody>表示定义表格主体部分;

Ø <tfoot></tfoot>表示为表格添加一个标注。

表格边框属性

属性名称

说明

border

边框粗细

bordercolor

边框颜色

bordercolorlight

亮边框颜色

bordercolordark

暗边框颜色

frame常见属性

属性值

说明

above

显示上边框

border

显示上下左右边框

below

显示下边框

hsides

显示上下边框

ihs

显示左边框

rhs

显示右边框

void

不显示边框

vsides

显示左右边框

在HTML文件中,设置<table>标记中的cellspacing属性值就可以设置表格中单元格的间距。

cellpadding单元格中内容与单元格边框的距离

表格嵌套

基本语法

<table width="760"border="1">

  <tr>

 <td>&nbsp;</td>

  </tr>

  <tr>

  <td>

   <table width=“100%” border=“1”>

<tr>

   <td>&nbsp;</td>

   <td>&nbsp;</td>

   <td>&nbsp;</td>

   </tr>

   </table>

   </td>

 </tr>

</table>

在HTML文件中,第一个<table>标记表示插入第一表格,第二个<table>标记插入在标记<td></td>之间,表示在单元格中插入表格,也就是嵌套表格。