您的位置：首页 > 其它

表格标签

2016-03-29 14:10 417 查看 
<pre name="code" class="python">表格标签

跨行与跨列

表格实例

表格布局应用

<table> //表格标签

<tr>    //行标签

<td>    //单元格

跨行示例：rowspan="2"
<center>
<!--表头标签-->
<th> 这是一个跨行示例</th>
<table border="1" width=600 height=50 cellspacing="0" cellpadding="0" bgcolor="#coffff">
<tr>
<td align="center" rowspan="2">北京</td>
<td align="center">上海</td>
</tr>

<tr>
<td align="center">深圳</td>

这是一个跨行示例
北京          	    上海
深圳

需要删除广州的行

跨列示例:

<th> 这是一个跨列示例</th>
<table border="1" width=600 height=50 cellspacing="0" cellpadding="0" bgcolor="#coffff">
<tr>
<td align="center" colspan="2">北京</td>
</tr>

<tr>
<td align="center">广州</td>
<td align="center">深圳</td>

这是一个跨列示例
北京
广州 	          深圳

需要删除上海的列

跨行删行 跨列删列

<tr>    //行标签

<td>    //单元格

一行2列:

<tr>
<td align="center">北京</td>
<td align="center">上海</td>
</tr>

<tr>
<td align="center" bgcolor="#ccff66">广州</td>
<td align="center">深圳</td>
</tr>

<!doctype html>
<html lang="en">
<head>
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<center>
<th>XXX中学课程表</th>
<table width="600" height="400" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">时间/星期</td>

<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>

</tr>

<tr>
<td rowspan="4">上午</td>
<td>1</td>
<td>英语</td>
<td>化学</td>
<td>语文</td>
<td>代数</td>
<td>代数</td>
</tr>
<tr>
<td>2</td>
<td>物理</td>
<td>语文</td>
<td>英语</td>
<td>几何</td>
<td>化学</td>
</tr>
<td>3</td>
<td>地理</td>
<td>英语</td>
<td>代数</td>
<td>化学</td>
<td>物理</td>
<tr>
<td>4</td>
<td>地理</td>
<td>英语</td>
<td>代数</td>
<td>化学</td>
<td>物理</td>
</tr>
<tr>
<td rowspan="3">下午</td>
<td>5</td>
<td>语文</td>
<td>历史</td>
<td>  </td>
<td>英语</td>
<td>地理</td>
</tr>
<tr>
<td> 6</td>
<td>语文</td>
<td>历史</td>
<td>  </td>
<td>英语</td>
<td>地理</td>
</tr>
<tr>
<td>7</td>
<td>语文</td>
<td>历史</td>
<td>  </td>
<td>英语</td>
<td>地理</td>
</tr>

</table>
</center>
</body>
</html>



                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航