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>