表格

1、表格结构:

  <table>

    <tr>---行标签

      <td>---</td>---单元格

    </tr>

  </table>

2、表头:

  <th>---</th>---表格头,内容居中,加粗显示,放在<tr></tr>内

  <caption>---</caption>---表格标题,居中显示,紧跟<table>之后,每个表格只有一个标题

3、表格划分三部分:

  thead:表格的头(放表格的表头)

  tbody:表格的主题(放数据本体)

  tfoot:表格的脚(放表格的脚注)

4、<table>属性:

属性 描述
Width Pixels、% 规定表格的宽度
align Left、center、right 表格相对周围元素的对齐方式
border Pixels 规定表格边框的宽度
Bgcolor rgb(x,x,x)、#xxxxxx、Colorname 表格的背景颜色
Cellpadding Pixels、% 单元边沿与其内容之间的空白
cellspacing Pixels、% 单元格之间的空白
frame 属性值 规定外侧边框的哪个部分是可见的
rules 属性值 规定内侧边框的哪个部分是可见的

5、tr标签属性:

属性 描述
align Left、center、right、justify、char 行内容的水平对齐
Valign top、middle、bottom、baseline 行内容的垂直对齐
Bgcolor rgb(x,x,x)、#xxxxxx、colorname 行的背景颜色

6、<thead>、<tbody>和<tfoot>标签属性:

属性 描述
align Left、center、right、justify、char <thead>、<tbody>和<tfoot>内容的水平对齐
Valign top、middle、bottom、baseline <thead>、<tbody>和<tfoot>内容的垂直对齐

7、跨行rowspan与跨列colspan:写在<td>标签中

8、表格嵌套:表格嵌套时要写在<td>中,嵌入完整的表格结构

上一篇:简单理解图像的像素和分辨率


下一篇:在不同屏幕尺寸下检测图像内鼠标单击的位置-Jquery / JavaScript