29-HTML-07-HTML(表格标签_2)

来源:互联网 发布:听歌学英文软件 编辑:程序博客网 时间:2024/06/08 04:44
问:对于如下表格怎么用HTML做?


---------------------------
| 个人信息    |
|-------------------------|
|    |            |
| 张三    | 30    |
---------------------------


【思路】
先数该表格多少行,再看每行多少个单元格


【示例】
<table border="1" width="40%">
<tr>
<th colspan=2>个人信息</th>
</tr>

<tr>
<th>张三</th>
<th>30</th>
</tr>
</table>


其中colspan=2是指该行的一个单元格占2列(类似于“合并单元格”)




=======================================================================================================


问,以下表格用HTML怎么做?


|-------------------------------------------|
| |张三    |
|个人信息 |-------------------|
| |30  |
|-----------------------|-------------------|


【思路】
该表格第一行2个单元格,第二行1个单元格


【示例】
<table border="1" width="40%">
<tr>
<th rowspan=2>个人信息</th>
<th>张三</th>
</tr>

<tr>
<th>30</th>
</tr>
</table>
其中rolspan=2是指该行的一个单元格占2行(类似于“合并单元格”)




===================
【表格层级】
<table>
<thead>

</thead>

<tbody>表格的下一级标签是tbody,不定义也存在

</tbody>

<tbody>

</tbody>

<tfoot>

</tfoot>
</table>




























0 0
原创粉丝点击