（五）HTML表格

tr标签：代表html表格中的一行<tr></tr>

th标签：代表html表格中的表头<th></th>

td标签：代表html表格中的一个单元格<td></td>

单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间

单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离

rowspan 属性 -- 可以实现HTML表格中一列跨越多行

colspan 属性 -- 可以实现HTML表格中一行跨越多列

 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <title>这是我的第一个网页</title>
 5     </head>
 6     <body>
 7         <table width="50%" border="1" >
 8         <tr>
 9             <th>学号</th>
10             <th>姓名</th>
11             <th>性别</th>
12         </tr>
13         <tr>
14             <td>1</td>
15             <td>菜菜</td>
16             <td>女</td>
17         </tr>
18         <tr>
19             <td>2</td>
20             <td>花花</td>
21             <td>女</td>
22         </tr>
23         <tr >
24             <td rowspan="2">3</td>
25             <td>练习一列垮多行</td>
26             <td>女</td>
27         </tr>
28         <tr >
29             <td>4</td>
30             <td>花花</td>
31             </tr>
32         <tr>
33             <td colspan="2">2</td>
34             <td>一行垮多列</td>
35         </tr>
36         </table>
37     </body>
38 </html>

 

运行结果：

　　

 

posted @ 2015-10-21 17:44  花花妹子。  阅读(157)  评论(0)    收藏  举报