软件开发培训日记7_21

表格基础

应用在论坛，门户网站，购物网站;

 

表格的基本语法

<table>

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

</table>

 

<table></table>

生成表格；

<tr></tr>

生成表格的一行；

<th></th>

如果是作为列名的标签，比如表格的第一行里填写的是每一列的列名，那么可以写成<th></th>;这个标签会把这一行所有单元格中的内容自动加粗并居中；

<td></td>

生成表格的一列；

表格的内容只能出现在<table>标签下的<tr>标签下的<td></td>标签之间；

表格应该是工整的，所以每行的列数必须一致；

 

表格的美化：

Etc.

<table border=”1” bgcolor=”#FF0000” width=”300” height=”400”>

<tr hight=”100”>

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

<tr bgcolor=”0000CC”>

<td>4</td>

<td>5</td>

<td>6</td>

</tr>

<tr hight=”50”>

<td background=”example.jpg”>7</td>

<td bgcolor=”#00CC33”>8</td>

<td>9</td>

</tr>

</table>

 

<table></table>

标签可以设置外边框粗细border，外边框颜色bordercolor，背景颜色bgcolor，背景图片background，表格宽度width，表格高度height，单元格与表格边框间的距离cellspacing，表格中的内容与单元格间的距离cellpadding；

在<table></table>标签中的align属性是设置表格整体相对于浏览器的对齐方式；而写在<tr></tr>标签和<td></td>标签内的align属性则可以设置相应单元格内文字的对齐方式;

 

<tr></tr>

需要注意<tr></tr>标签可以设置height属性，但是没有width属性；

可以设置bgcolor属性,但是没有background属性；

可以这样理解，如果我们设置了<table width=”100”>,那么再设置单独一行的宽度肯定会出现问题;

 

<td></td>

可以设置高度height，宽度width,背景颜色bgcolor，背景图片backgorund;

 

如果要设置表格内字体的属性，可以在使用<font></font>标签；

 

跨行跨列的表格：

colspan=”n” 跨列属性；

rowspan=”n” 跨行属性；

Etc.

<table border=”1” width=”500” height=”500” cellspacing=”0”>

<tr>

<td colspan=”2”>A</td>

<td colspan=””2>B</td>

<tr>

<tr>

<td rowspan=”2”>C</td>

<td rowspan=”2”>D</td>

<td>E</td>

</tr>

<tr>

<td>F</td>

<td>G</td>

<td rowspan=”2”>H</td>

</tr>

<tr>

<td colspan=”2”>I</td>

<td>J</td>

</tr>

</table>