zoukankan      html  css  js  c++  java
  • 表格标签

    <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>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    


    
       
    
    
  • 相关阅读:
    mybatis的延时加载缓存机制
    mybatis03
    事务
    codeforces-200B
    codeforces-339B
    codeforces-492B
    codeforces-266B
    codeforces-110A
    codeforces-887B
    codeforces-69A
  • 原文地址:https://www.cnblogs.com/zhaoyangjian724/p/6200245.html
Copyright © 2011-2022 走看看