第八节 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  阅读(124)  评论(0)    收藏  举报