HTML--表格-白红宇

HTML--表格

阅读量：7217 次

发布时间：2019-06-29

本文共 1761 字，大约阅读时间需要 5 分钟。

直接上例子

    
    
         
      This is my HTML
     
          
      每个表格由table标签开始，border属性设置table的边框宽度
    
      每个表格行由tr标签开始
    
      每个表格数据由td标签开始
    
      两行三列如下
    
      
               
                           100            200            300                
                           400            500            600

表格由<table>标签来定义。每个表格均有若干行(由<tr>标签定义)，每一行被分为若干个单元格(由<td>标签来定义)。2.字母td指的是表格数据(table data)，即数据单元格内容。数据单元格内容包含文本、图片、列表、段落等。

表格的表头使用<th>标签来定义，例子如下

    
    
         
      This is my HTML
     
          
      
                           数据一            数据二            数据三                
                           100            200            300                
                           400            500            600

3.跨行或者跨列的表格单元格

    
    
         
      This is my HTML
     
          
      横跨两列的单元格
    
      
               
               我的数据                    数据一            
       
        数据二                
                            100            200            300                
        横跨两行的单元格
    
        
                 
                 我的数据                    数据一            100                            
         
          数据二            200                            300

4.单元格间距(cell spacing)

    
    
         
      This is my HTML
     
          
      带有cellspacing的例子
    
      
                   First        ROW                Second        ROW

5.在表单元格中排列内容

    
    
         
      This is my HTML
     
          
      
                           
       
        姓名            
        
         张三            
         
          李四                            
          
           性别            
           
            男            
            
             女                            
             
              年龄            
              
               25            
               
                27

转载于:https://my.oschina.net/u/2312022/blog/533375

你可能感兴趣的文章