您的位置：首页 > 编程语言 > PHP开发

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

2013-09-13 15:16 567 查看

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

示例：

<html>
<head><title>表格的应用</title></head>
<body>
<center><h1>我的表格</h1></center>
<table border=1 width="800" align="center" cellspacing="0" cellpadding="0" bgcolor="#cccccc" bordercolor="red" bordercolorlight="green" bordercolordark="yellow">
<caption><h1>我的表格</h1></caption>
<tr>
<th>编号</th>
<th>姓名</th>
<th>年龄</th>
<th>电子邮件</th>
<th>性别</th>
</tr>
<tr>
<td width=50 height=40>1</td>
<td>zhangsan</td>
<td>30</td>
<td>as@lamp.com</td>
<td>男</td>
</tr>
<tr align="center" bgcolor="green" valign="bottom" height="80">
<td>1</td>
<td>zhangsan</td>
<td>30</td>
<td>as@lamp.com</td>
<td>男</td>
</tr>
<tr>
<td>1</td>
<td>zhangsan</td>
<td>30</td>
<td>as@lamp.com</td>
<td>男</td>
</tr>
<tr>
<td>1</td>
<td colspan="3" rowspan=3>zhangsan</td>
<td>男</td>
</tr>
<tr>
<td>1</td>

<td>男</td>
</tr>

<tr>
<td>1</td>

<td>男</td>
</tr>

<tr>
<td>1</td>
<td>zhangsan</td>
<td>30</td>
<td>as@lamp.com</td>
<td>男</td>
</tr>
</table>
</body>
</html>


View Code
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航