第八节 HTML表格

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>表格</title>
 6 </head>
 7 <body>
 8     <!-- 
 9         1、<table>标签:声明一个表格,常用属性如下:
10             1、border属性:定义表格的边框,设置的值是数值
11             2、cellpadding属性:定义单元格内容和边框的距离,设置的是数值
12             3、cellspacing属性:定义单元格和单元格之间的距离,设置的是数值
13             4、align属性:设置整体表格相对于浏览器窗口水平的对齐方式,设置有:left|center|right
14         2、<tr>标签:定义表格中的一行
15         3、<td>和<th>标签:定义一行中的一个单元格,td代表普通单元,th代表表头单元格,他们的常用属性如下:
16             1、align属性:设置单元格中的水平对齐方式,left|center|right
17             2、valign属性:设置单元格中内容的垂直对齐方式,top|midle|bottom
18             3、colspan属性:设置单元格水平和并,设置是数值
19             4、row属性:设置单元格垂直和并,设置值是数值 -->
20     <table border="1" width="700" height="300" align="center">
21         <tr>
22             <th colspan="5" align="left">基本情况</th>
23         </tr>
24         <tr>
25             <td width="25%"></td>
26             <td width="15%"></td>
27             <td width="25%"></td>
28             <td width="15%"></td>
29             <td rowspan="5" width="20%"><img src="图片1.png" alt="人物"></td>
30         </tr>
31         <tr>
32             <td></td>
33             <td></td>
34             <td></td>
35             <td></td>
36         </tr>
37         <tr>
38             <td></td>
39             <td></td>
40             <td></td>
41             <td></td>
42         </tr>
43         <tr>
44             <td></td>
45             <td></td>
46             <td></td>
47             <td></td>
48         </tr>
49         <tr>
50             <td></td>
51             <td></td>
52             <td></td>
53             <td></td>
54         </tr>
55     </table>
56 
57 </body>
58 </html>

 

posted @ 2020-03-05 14:49  kog_maw  阅读(120)  评论(0编辑  收藏  举报