第八节 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|right14  2、<tr>标签:定义表格中的一行15  3、<td>和<th>标签:定义一行中的一个单元格,td代表普通单元,th代表表头单元格,他们的常用属性如下:16  1、align属性:设置单元格中的水平对齐方式,left|center|right17  2、valign属性:设置单元格中内容的垂直对齐方式,top|midle|bottom18  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>

 

相关文章