table标签

表格标签

border表格边框　　cellpadding内边距　　cellspacing外边距

css技术是控制样式

rowspan="2" 占两行

colspan="2"　占两列　，合并单元格

<thread> <tbody> 可以不写，一个表格题，一个表格体

<tr>表格行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<table border="1px" cellpadding="5px" cellspacing="5px">
    <thead>
           <tr>
                  <th>111</th>
                  <th>222</th>
                  <th>333</th>
           </tr>
    </thead>
    
    <tbody>
           <tr>
               <td rowspan="2">3333</td>
               <td>2222</td>
               <td>3333</td>
           </tr>
           <tr>
    
               <td>2222</td>
               <td>3333</td>
           </tr>
           <tr>
               <td>1111</td>
               <td colspan="2">4444</td>
    
           </tr>
    
    
    </tbody>
</table>



<table border="1px" cellpadding="5px" cellspacing="5px">

           <tr>
                  <td>111</td>
                  <td>222</td>
                  <td>333</td>
           </tr>

           <tr>
               <td rowspan="2">3333</td>
               <td>2222</td>
               <td>3333</td>
           </tr>

           <tr>

               <td>2222</td>
               <td>3333</td>
           </tr>
           <tr>
               <td>1111</td>
               <td colspan="2">4444</td>

           </tr>


</table>


</body>
</html>

View Code

table标签

表格标签

相关推荐