首页 > 代码库 > html表格学习-9.22

html表格学习-9.22

1、table标签代表表格

tr标签代表一行,td标签内数据

具体格式:<table border="1">       border="1"代表普通边框,border="8" 粗边框,border="15"非常粗的边框

             <tr>

             <td>表格内数据1</td>            左侧代表第一行的两行数据

             <td>表格内数据2</td>

             </tr>

             <tr>

             <td>表格内数据1</td>          左侧代表第二行的两行数据,   显示的表格为两行两列

             <td>表格内数据2</td>

             <tr>

            </table>

注意:不定义边框属性,表格将不显示边框

2、表头定义:通常使用 <th> 标签进行定义

<th>表头1</th>

<th>表头2</th>

<th>放在tr的外面就表明为整个表格的表头,放在tr里面为表明一行的表头

3、空表格

<td></td>表格为空时,边框可能不会被显示出来

<td>&nbsp;</td> 加上占位符就能显示出边框啦    

4、表格的标题:<caption>我的标题</caption>

5、跨行或者跨列的表格单元

colspan="2" 单元格占两列

rowspan="2" 单元格占两行
6、表格内的标签

表格的单元格可以包含多个段及列表信息

eg:

<td>这个单元包含一个表格:
<table border="1">
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</td>

7、单元格边距及间距

cellpadding="10" 边距 ,  cellspacing="10"

8、为表格添加背景颜色或图象

<table  bgcolor="red"  ,background="F:\IMG_20140713_192114.jpg>

9、为单元格添加背景颜色或图象

<td bgcolor="blue"  background="F:\IMG_20140713_192114.jpg"> 内容</td>

10、为单元表格排列内容

align="left"  ,align="right"   内容左对齐或右对齐

11、框架属性

frame="box"  ,frame="above" ,frame="below",frame="hsides"

 

html表格学习-9.22