HTML--table单元格合并 

 1 <!doctype html>
 2 <html>
 3     <header>
 4         <title>实体符号</title>
 5     </header>
 6     <body>
 7         <br>
 8         <br>
 9         <br>
10         <br>
11         <br>
12         <br>
13         <br>
14         <h1 align = "center">员工信息管理系统</h1>
15         <hr color = "red" width = "60%">
16         <!--table 表格，tr 一行，td 一列 -->
17         <!--border = "1px"设置表格的边框为1像素宽度
18             width 宽度
19             height 高度
20             align对齐方式
21         -->
22         <!--合并单元格，
23         row合并时，删除下面的，保留上面的 rowspan="2"
24         col合并时，删除哪个都行 colspan="2"
25         -->
26         <table border="1px" width ="60%" height ="150" align="center">
27             <tr align="center">
28                 <!--
29                 <td>a</td>
30                 -->
31                 <td colspan="2">ab</td>
32                 <td>c</td>
33             </tr>
34                 <tr>
35                 <td>d</td>
36                 <td>e</td>
37                 <td rowspan="2">fz</td>
38             </tr>
39                 <tr>
40                 <td>x</td>
41                 <td>y</td>
42                 <!--
43                 <td>z</td>
44                 -->
45             </tr>
46         </table>
47         
48         
49     </body>
50 </html>

 

posted @ 2021-01-25 00:13  渐行、渐远  阅读(414)  评论(0)    收藏  举报