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>[email protected]</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>[email protected]</td>

26                 <td></td>        

27             </tr>

28             <tr>

29                 <td>1</td>

30                 <td>zhangsan</td>

31                 <td>30</td>

32                 <td>[email protected]</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>[email protected]</td>

57                 <td></td>        

58             </tr>

59         </table>    

60     </body>

61 </html>
View Code

 

 

你可能感兴趣的:(php入门)