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

it2022-05-09  31

表格标签<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

 

 

转载于:https://www.cnblogs.com/xinxingyu/p/3319302.html


最新回复(0)