实践练习_制作个人信息展示表格02

制作个人信息展示表格▲▲▲△★★
1) 表格有背景
2) 表格至少三行三列
3) 至少合并两列用于填写数据
4) 至少合并三行用于放置照片
5) 表格中存在图片元素
 1 <!-- 制作个人信息展示表格▲▲▲△★★
 2 1) 表格有背景
 3 2) 表格至少三行三列
 4 3) 至少合并两列用于填写数据
 5 4) 至少合并三行用于放置照片
 6 5) 表格中存在图片元素 -->
 7 <!DOCTYPE html>
 8 <html lang="en">
 9 <head>
10     <meta charset="UTF-8">
11     <title>Document</title>
12 </head>
13 <body>
14     <table  border="1" background="img/2.jpg">
15         <caption>身份信息</caption>
16         <tr>
17             <td>姓名</td>
18             <td>xxx</td>
19             <td rowspan="3"><img src="img/2_0.jpg" alt="" width="200xp"></td>
20         </tr>
21         <tr>
22             <td>性别</td>
23             <td>*</td>    
24         </tr>
25         <tr>
26             <td colspan="2">id: 000000</td>
27         </tr>
28     </table>
29 </body>
30 </html>

table中的属性

  1. caption设置标题
  2. border设置边框宽度(默认0)
  3. width height
  4. bordercolor边框颜色
  5. align表格在整个网页的位置left center right
  6. bgcolor背景颜色
  7. blackground可插入一个背景图片

tr,td与table相似

td 中colspan rowspan 水平,垂直跨度注意

自勉+

猜你喜欢

转载自www.cnblogs.com/woqiaodaima-xy/p/10493235.html