表格学习

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>表格学习</title>
 6 </head>
 7 <body>
 8     <!--表格table
 9 
10         th：这是表头，也就是每一列的标题（table head）；
11 
12         tr：这是表中的“行”。每一行是一个tr（table row）；
13 
14         td：这是表的每一个单元格；
15 
16         th与td的区别是：th内部的文本样式为居中+粗体，td 内的文本样式为左对齐+普通文本。
17     -->
18     <table border="1px">
19         <!--colspan跨列-->
20         <th colspan="3">学生成绩</th>
21         <tr>
22             <!--rowspan跨行-->
23             <td rowspan="2">张飞</td>
24             <td>语文</td>
25             <td>100</td>
26         </tr>
27         <tr>
28             <td>数学</td>
29             <td>100</td>
30         </tr>
31         <tr>
32             <!--rowspan跨行-->
33             <td rowspan="2">李牧</td>
34             <td>语文</td>
35             <td>100</td>
36         </tr>
37         <tr>
38             <td>数学</td>
39             <td>100</td>
40         </tr>
41     </table>
42 </body>
43 </html>