HTML--3（表格）

#创建

<table>表示表格，其中可以设置表格的样式

<th>定义表格的表头，大多数浏览器会把表头设置成粗体居中的格式。

<tr>创建行<td>创建表格数据

ex:

<table border="1">

<tr>

<td>100</td>

<td>100</td>

</tr>

<tr>

<td>100</td>

<td>100</td>

</tr>

</table>

$1.上面创建了两行两列的表格

   2.行体现在<tr>,一个<tr></tr>组合表示一行

     而列体现在<tr></tr>中有多少个<td></td>组合

  3.用<td></td>表示空的单元格并不合理，要在空的单元格中添加一个空格：

    &nbsp,即<td>&nbsp</td>

 

#没有边款的表格

在<table>中不添加border 属性即可

 

#带标题的表格（请区分表头和标题）

用<caption>标题</captain>

 

#跨多行或者多列的表格

例如：

姓名	电话
Bill Gates	555 77 854	555 77 855

姓名	Bill Gates
电话	555 77 854
	555 77 855

这里在<th>中用colspan属性（跨列）或者rowspan属性（跨行）

ex:设置横跨两列的表头

<table border="1">

<tr>

<th>姓名</th>

<th colspan="2">电话</th>

</tr>

<tr>
  <td>Bill Gates</td>
  <td>555 77 854</td>
  <td>555 77 855</td>
</tr>

 

</table>

ex：设置横跨两行的表头

<table border="1">

<tr>

<th>姓名</th>

<td>bill</td>

</tr>

<tr>

<th rowspan="2">电话</th>

<td>555 77 854</td>

</tr>

<tr>
  <td>555 77 855</td>
</tr>

</table>

 

#向表格添加背景颜色或者背景图像

在<table>中添加属性即可

ex:添加背景颜色：

<table border="1" bgcolor="red">

ex：添加背景图片：

<table border="1" background="url">

 

#向表格单元添加背景图片或者颜色（上面那个是对整个表格）

在<td>中添加相应的属性即可

ex：添加图片

<td background="url">first</td>

 

#在表格中排列内容

用align 属性即可

#用frame属性设置围绕表格的边款