码迷,mamicode.com
首页 > Web开发 > 详细

第八节 HTML表格

时间:2020-03-05 15:21:11      阅读:58      评论:0      收藏:0      [点我收藏+]

标签:title   img   oct   图片   nbsp   标签   alt   垂直   src   

 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>

 

第八节 HTML表格

标签:title   img   oct   图片   nbsp   标签   alt   垂直   src   

原文地址:https://www.cnblogs.com/kogmaw/p/12420213.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!