表格学习

 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>

 

posted @ 2020-02-19 21:30  ls93559  阅读(118)  评论(0编辑  收藏  举报