web前端基础知识:表格

 一.表格

1.表格的基本标签

标签组成:

table	表格整体
tr	行
td	单元格

嵌套关系:tabel>tr>td

2.表格的相关属性

border	边框粗细
width	宽度
height	高度
cellspacing	单元格与单元格之间的距离
cellpadding	单元格内容距离边框的距离

 <table border="1" width="500" height="500" cellspacing="0" cellpadding="60">

3.表格的标题标签

caption

表格的标题

4.表头单元格标签

tr	行
th	表头单元格

表头单元格 特殊的单元格,通常第一行,相当于每一列的小标题,突出内容的重要性,文字加粗显示

5.表格的结构

通过添加:thead,tbody,tfoot,将表格分成三部分,结构清晰,有利于搜索引擎优化和更好的语义化.

thead	表格的头部
tbody	表格的主体
tfoot	表格的底部

• 整个表格的头部
• 连写: tr>th*3 

<thead>
   <tr height="50">
       <th>姓名</th>
       <th>成绩</th>
       <th>评语</th>
   </tr>

• 整个表格的主体
• tr*2>td*3

• 整个表格的底部
• tr*2>td*3

6.合并单元格

colspan	合并的数量	跨列合并(左右合并)
rowspan	合并的数量	跨行合并(上下合并)

例: