打印本文 打印本文 关闭窗口 关闭窗口
HTML语言教程之六:表格(TABLE)标记
作者:武汉SEO闵涛  文章来源:敏韬网  点击数793  更新时间:2009/4/23 11:15:33  文章录入:mintao  责任编辑:mintao

表格的基本语法 <table>...</table> - 定义表格
<tr> - 定义表行
<th> - 定义表头
<td> - 定义表元(表格的具体数据) 带边框的表格:
<table border>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>


Food Drink Sweet
A B C


不带边框的表格:

<table>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>


Food Drink Sweet
A B C

跨多行、多列的表元(Table Span)

跨多列的表元 <th colspan=#>
<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>
</table>


Morning Menu
Food Drink Sweet
A B C


跨多行的表元 <th rowspan=#>
<table border>
<tr><th rowspan=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>


Food Drink Sweet
A B C


<table border width=# height=#> 表格尺寸设置:
<table border width=170 height=100>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>


Food Drink Sweet
A B C


打印本文 打印本文 关闭窗口 关闭窗口