HTML标签--表格

来源:互联网 发布:淘宝家具品牌排行榜 编辑:程序博客网 时间:2024/06/08 14:56

表格:

基本格式:<tr>定义表格行,<td>定义表格列,<th>定义表格标题。

<table>

     <tr>

      <th></th>

     </tr>

     <tr>

    <td></td>

     </tr>

</table>
<!--
表格的属性和单元格的属性相同的情况下,单元格属性优先(就近原则)-->

<table border="1" width="300px" height="100px" cellspacing="0"cellpadding="5" align="center" bordercolor="red">    <!--bgcolor="#faebd7"background="../img/a12.jpg"-->    <tr>        <td>手机充值</td>        <td>IP卡</td>        <td>网游</td>    </tr>    <tr>        <td>移动</td>        <td>联通</td>        <td>魔兽</td>    </tr>    <tr>        <th>标题1</th>        <th>标题2</th>        <th>标题3</th>    </tr></table>

<table border="1" width="300px" height="50px" cellspacing="0" cellpadding="5"       align="center" bordercolor="red">    <tralign="center"valign="bottom">        <td nowrap="">手机空中免费充值</td>        <td width="100">IP卡</td>        <td width="100"bgcolor="aqua">网游</td>    </tr></table>

表格跨列:

Colspan属性,属性值表示跨的列数

<table border="1"width="300"height="100"align="center">    <tr>        <td colspan="2">学生成绩</td>    </tr>    <tr>        <td>数学</td>        <td>98</td>    </tr>    <tr>        <td>语文</td>        <td>98</td>    </tr></table>

表格跨行:

Rowspan属性,属性值表示跨的行数

<table border="1"width="300"height="100"align="center">    <tr>        <td rowspan="2">张三</td>        <td>语文</td>        <td>98</td>    </tr>    <tr>        <td>数学</td>        <td>95</td>    </tr>    <tr>        <td rowspan="2">李四</td>        <td>语文</td>        <td>98</td>    </tr>    <tr>        <td>数学</td>        <td>95</td>    </tr></table>