PHP入门 - - 06-->HTML的表格标签

表格标签<table>

<table>的属性:

Align: left, center, right          (表格的)位置

Border:                                   边框

Width:
Height:

Cellspacing                             格子与格子之间边线的距离

cellpadding                             单元格内文字与边框的距离                                                  

 不重要:(bgcolor   背景颜色  bodercolor 边框颜色)

一、定义标题<caption>      

        Align、Valign

        放在tr标签之前,放在table的内部使用。    

        随表格位置移动而移动。

二、字段标签 <th>

       和<td>的用法一致,文字是以粗体居中显示(唯一区别)。

 

三、行标签<tr>

       属性:Align、Valign、bgcolor

四、列标签<td><th>

      属性:Width、 Height、  Align: (left, center, righ)、  Valign:(top, middle, bottom)、Colspan、rowspan

示例:

 1 <html>
 2     <head><title>表格的应用</title></head>
 3     <body>
 4         <center><h1>我的表格</h1></center>
 5         <table border=1 width="800" align="center" cellspacing="0" cellpadding="0" bgcolor="#cccccc" bordercolor="red" bordercolorlight="green" bordercolordark="yellow">
 6             <caption><h1>我的表格</h1></caption>
 7             <tr>
 8                 <th>编号</th>
 9                 <th>姓名</th>
10                 <th>年龄</th>
11                 <th>电子邮件</th>
12                 <th>性别</th>    
13             </tr>    
14             <tr>
15                 <td width=50 height=40>1</td>
16                 <td>zhangsan</td>
17                 <td>30</td>
18                 <td>as@lamp.com</td>
19                 <td></td>        
20             </tr>
21             <tr align="center" bgcolor="green" valign="bottom" height="80">
22                 <td>1</td>
23                 <td>zhangsan</td>
24                 <td>30</td>
25                 <td>as@lamp.com</td>
26                 <td></td>        
27             </tr>
28             <tr>
29                 <td>1</td>
30                 <td>zhangsan</td>
31                 <td>30</td>
32                 <td>as@lamp.com</td>
33                 <td></td>        
34             </tr>
35             <tr>
36                 <td>1</td>
37                 <td colspan="3" rowspan=3>zhangsan</td>
38                 <td></td>        
39             </tr>
40             <tr>
41                 <td>1</td>
42             
43                 <td></td>        
44             </tr>
45 
46             <tr>
47                 <td>1</td>
48             
49                 <td></td>        
50             </tr>
51 
52             <tr>
53                 <td>1</td>
54                 <td>zhangsan</td>
55                 <td>30</td>
56                 <td>as@lamp.com</td>
57                 <td></td>        
58             </tr>
59         </table>    
60     </body>
61 </html>
View Code

 

 

posted @ 2013-09-13 15:16  不得不爱xxy  阅读(301)  评论(0编辑  收藏  举报