HTML的学习笔记（3）

19、创建表格

<table>

<tr>

<td>表格内容</td>

</tr>

</table>

20、表格属性

一、表格宽度

<table width="表格宽度">

<tr>

<td>表格内容</td>

</tr>

二表格宽度

<table hight="表格高度">

<tr>

<td>表格内容</td>

</tr>

</table>

三、表格背景图片

<table background="图片源文件地址">

<tr>

<td>表格内容</td>

</tr>

四、单元格间距

<table cellspacing="间距大小"> 注： 默认情况下，单元格的间距是2像素

<tr>

<td>表格内容</td>

</tr>

</table>

五、表格内单元间距与文字的距离 注：默认情况下，文字是紧贴单元格边框的

<table cellpadding="单元格与文字距离的值">

<tr>

<td>表格内容</td>

</tr>

</table>

21、表格边框

一、边框宽度

<table border="表格的边框宽度">

<tr>

<td>表格内容</td>

</tr>

</table>

二、边框颜色

<table border="表格的边框宽度" bordercolor="边框颜色">

<tr>

<td>表格内容</td>

</tr>

</table>

三、亮边框颜色/暗边框颜色

<table border="表格的边框宽度" bordercolorligjt="亮边框颜色"/bordercolordark="暗边框颜色">

<tr>

<td>表格内容</td>

</tr>

<table>

22、设置表格行的对齐方式

一、垂直对齐方式

<table>

<tr valign="">

<td>表格内容</td>

</tr>

</table>

二、水平对齐方式

<table>

<tr align="">

<td>表格内容</td>

<tr>

</table>

23、行和列的合并

一、列的并列

<table>

<tr>

<td colspan="所跨的列数">表格内容</td>

</tr>

<table>

二、行的并列

<table>

<tr>

<td rowspan="">表格内容</td>

</tr>

</table>

24、表格结构

一、表头

<thead>

<tr>

<td>单元格内的文字</td>

</tr>

</thead>

二、主体

<tbody>

<tr>

<td>表格内的文字</td>

</tr>

</tbody>

三、表尾

<tfoot>

<tr>

<td>表格内的文字</td>

</tr>

</tfoot>

25、表格标题

<caption>表格的标题</caption>