zoukankan html css js c++ java

表格

1，结构化表格

 1 <body>
 2     <table>
 3         <thead>
 4             <tr>
 5                 <th scope="col">QUARTER</th>
 6                 <th scope="col">1993</th>
 7                 <th scope="col">1994</th>
 8                 <th scope="col">1995</th>
 9             </tr>
10         </thead>
11         <tbody>
12             <tr>
13                 <th scope="row">Q1</th>
14                 <td>22</td>
15                 <td>33</td>
16                 <td>44</td>
17             </tr>
18             <tr>
19                 <th scope="row">Q2</th>
20                 <td>55</td>
21                 <td>66</td>
22                 <td>77</td>
23             </tr>
24         </tbody>
25         <tfoot>
26             <th scope="row">TOTAL</th>
27             <td>77</td>
28             <td>99</td>
29             <td>121</td>
30         </tfoot>
31     </table>
32 </body>

2，让单元格跨多列或多行

 1 <body>
 2     <table>
 3         <thead>
 4             <tr>
 5                 <th scope="rowgroup">QUARTER</th>
 6                 <th scope="col">1993</th>
 7                 <th scope="col">1994</th>
 8                 <th scope="col">1995</th>
 9             </tr>
10         </thead>
11         <tbody>
12             <tr>
13                 <th scope="row">Q1</th>
14                 <td>22</td>
15                 <td colspan="2">44</td>
16             </tr>
17             <tr>
18                 <th scope="row">Q2</th>
19                 <td>55</td>
20                 <td>66</td>
21                 <td>77</td>
22             </tr>
23         </tbody>
24         <tfoot>
25             <th scope="row">TOTAL</th>
26             <td>77</td>
27             <td>110</td>
28             <td>121</td>
29         </tfoot>
30     </table>
31 </body>

查看全文

相关阅读:
前端基础知识1
mysql作业
 mysql了解知识点
 mysql3
数据库作业2
循环结构经典题型
 计算1
猜数字游戏
 css的显示
 定位和position定位

原文地址：https://www.cnblogs.com/lal-fighting/p/5080543.html