HTML表格：修订间差异

来自站长百科
跳转至： 导航、​ 搜索
无编辑摘要
无编辑摘要
第62行： 第62行：




<font color=blue>''''表格尺寸设置''''</font>


< table border=#>


代码示例（边框尺寸设置）：


<nowiki><table border=10></nowiki>


<nowiki><tr><th>Food</th><th>Drink</th><th>Sweet</th></nowiki>


<nowiki><tr><td>A</td><td>B</td><td>C</td>      </nowiki>


 
<nowiki></table></nowiki>
 
<table border=10>
 
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
这三个Tag是创建表格最常用的Tag。 <br>
<tr><td>A</td><td>B</td><td>C</td>    
 
</table>
<b><font style="font-size:120%">[[示例]]</font></b> <br>
 
 
border属性<br>
在缺省情况下，如果不设置表格的边界，表格是不显示边界的。<br>
 
<b><font style="font-size:120%">[[示例：不显示表格边界]]</font></b> <br>
 
要显示表格的边界，可使用border这个属性。<br>
 
<b><font style="font-size:120%">[[示例：显示表格边界]]</font></b> <br>
 
表格的表头<br>
用<th>来表示表格的表头，表头的字是粗体显示的。<br>
 
<b><font style="font-size:120%">[[示例：有表头的表格]]</font></b> <br>
 
空的单元格<br>
如果表格的单元格<td></td>之间没有内容，那么这个单元格的边界是不会被显示出来的，尽管整个表格已设置边界值。要显示这个单元格的边界，可以插入一个&nbsp;空格符。<br>
 
<b><font style="font-size:120%">[[示例2]]</font></b> <br>
 
更多示例<br>
<b><font style="font-size:120%">[[有标题的表格]]</font></b> <br>
 
这个示例演示如何用<caption>在一个表格上加上标题。<br>
 
<b><font style="font-size:120%">[[包含多列或多行的单元格]]</font></b> <br>
 
这个示例演示如何用colspan，rowspan设置多列或者多行的单元格。<br>
 
<b><font style="font-size:120%">[[单元格里的内容]]</font></b> <br>
 
这个例子演示单元格<td></td>里面的内容。单元格的内容可以是文字，图片，超链接，Form，表格等。<br>
 
<b><font style="font-size:120%">[[单元格与单元格边界间距离]]</font></b> <br>
 
这个示例教你如何用cellpadding这个属性设置单元格内容与单元格边界之间的距离。<br>
<b><font style="font-size:120%">[[单元格之间的距离]]</font></b> <br>
 
这个示例教你如何用cellspacing这个属性设置单元格之间的距离<br>
 
<b><font style="font-size:120%">[[表格背景颜色和图片]]</font></b> <br>
 
这个示例演示如何用bgcolor属性设置表格的背景颜色，如何用background属性为表格添加背景图片。<br>
 
<b><font style="font-size:120%">[[单元格背景颜色和图片]]</font></b> <br>
 
这个示例演示如何用bgcolor属性设置单元格的背景颜色，如何用background属性为单元格添加背景图片。<br>
 
<b><font style="font-size:120%">[[单元格内容的对齐方式]]</font></b> <br>
 
这个示例教你如何用align属性设置单元格的对齐方式。<br>

2008年12月16日 (二) 13:19的版本

HTML表格用< table >表示。一个表格可以分成很多行(row)，用< tr >表示；每行又可以分成很多单元格(cell)，用< td >表示。

'代码示例：'

带边框的表格：

<table border>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

<nowki></nowiki>

FoodDrinkSweet
ABC

'跨多行、多列的表元'

跨多列的表元

'代码示例：'

<table border>

<tr><th colspan=3> Morning Menu</th>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

<nowki></nowiki>

Morning Menu
Food Drink Sweet
ABC

跨多行的表元

'代码示例：'

<table border>

<tr><th colspan=3> Morning Menu</th>

<th>Food</th> <td>A</td></tr>

<tr><th>Drink</th> <td>B</td></tr>

<tr><th>Sweet</th> <td>C</td></tr>

</table>

Morning Menu Food A
Drink B
Sweet C


'表格尺寸设置'

< table border=#>

代码示例（边框尺寸设置）：

<table border=10>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

</table>

FoodDrinkSweet
ABC
取自“https://www.zzbaike.com/wiki/index.php?title=HTML表格&oldid=16814”