<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8" />
<title>表格3</title>
</head>
<body>
<tablewidth="546"height="122"border="1">
<tr>
<td height="46" colspan="4" background="素材/background.jpg"></td>
</tr>
<tr>
<td height="23" colspan="2"><font color="#006699">手机充值-ip-电话卡</font></td>
<td colspan="2"><font color="#0000CC">网游-点卡-金币-代练</font></td>
</tr>
<tr>
<td width="113" height="43" bgcolor="#FF9999">移动</td>
<td width="121">联通</td>
<td width="110" bgcolor="#66CCCC">魔兽</td>
<td width="174">跑跑卡丁车</td>
</tr>
</table>
</body>
</html>
本章知识:<tablewidth="546"height="122"border="1"></table>为表格的开始和结束标签、
<tr> </tr>标签表示为表格的行、<td></td>标签表示表格的列、<td>标签中的colspan="2"属性
表示合并相邻的两个列、background="素材/background.jpg"属性为表格设置背景图片(背景图片推荐使用相对路径)
效果如下图:
感悟:学习HTNL是一个从简到难的过程,要多做多理解。