• 表格标签


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


    
                                        
    
  • 相关阅读:
    浏览器如何减少 reflow/repaint
    caller和callee的区别
    正则表达式中的2和1和3不仅分组还占位
    正则分组和捕获
    Javascript之BOM与DOM讲解
    Ubuntu14.04(nginx+php+mysql+vsftp)配置安装流程
    JS的类型转换
    typeof 和 instanceof
    ios对new Date() 的兼容问题
    module.exports 和 export default
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13350903.html
Copyright © 2020-2023  润新知