HTML第三课


HTML的table标签及相关属性

table.html

<html>
<head>
<title>HTML表格</title>
</head>
<body>
<table width=”600″ height=”300″ algin=”center” bgcolor=”red” border=”0″ bordercolor=”red” cellspacing=”1″ cellpadding=”5″>
<!– 属性:宽度、高度可用百分比;水平位置;表格背景颜色;边框粗细;边框颜色;单元格间距;内容与单元格间距 –>
<tr align=”right” valign=”top” bgcolor=”#FFFFFF”>
<!– 属性:水平位置left/center/right;垂直位置top/middle/bottom;单元格背景颜色 –>
<th>日期</th>
<th>起飞站</th> <!–默认居中–>
<th>中转站</th>
<th>到达站</th>
</tr>
<tr bgcolor=”#FFFFFF”>
<td>日期</td>
<td>PEK</td>
<!– 属性:宽度决定于最大值; 高度决定于最大值;单元格背景颜色;纵向合并单元格个数;横向合并单元格个数–>
<td rowspan=”3″>ICN</td> <!–默认居左–>
<td>CWB</td>
</tr>
<tr bgcolor=”#FFFFFF”>
<td>日期</td>
<td width=”150″ height=”150″ align=”right” bgcolor=”#CCCCCC” colspan=”0″ rowspan=”2″>CAN</td>
<td>JFK</td>
</tr>
<tr bgcolor=”#FFFFFF”>
<td>日期</td>
<td>JFK</td>
</tr>
<!– 将边框变成1像素方法:table的border=”0″ cellspacing=”1″ bgcolor=”red” tr的bgcolor=”#FFFFFF” 通过色差达到细线边框的目的 –>
</table>
</body>
</html>


发表评论