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>