可以找个网页，`右键另存为`，即可得到对应的成品html网页，除了背景图和字体可能会有一些问题，一搬都会比较正常 比如，某度首页就是相当简单的，可以试试
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Wedding Products Series</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#apDiv1 {
position: absolute;
width: 324px;
height: 296px;
z-index: 1;
left: 621px;
top: 745px;
}
#apDiv2 {
position: absolute;
width: 200px;
height: 115px;
z-index: 1000;
left: 72px;
top: 747px;
}
#apDiv3 {
position: absolute;
width: 200px;
height: 115px;
z-index: 1000;
left: 294px;
top: 744px;
}
.hh {
font-family: "Arial Unicode MS";
font-size: 14px;
color: #FFFFFF;
}
.f {
font-family: "Arial Unicode MS";
font-size: 14px;
color: #000;
}
a:link {
color: #FFF;
text-decoration: none;
}
a:visited {
color: #FFF;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.h {font-family: Arial;
font-size: 12px;
text-align: left;
}
.hh1 {font-family: Arial;
font-size: 14px;
color: #FFFFFF;
}
.KEY2 {font-family: Arial;
font-size: 24px;
color: #E6E6E6;
}
.key {font-size: 12px;
text-decoration: none;
font-family: Arial;
color: #E6E6E6;
}
</style>
</head>
<body>
<table width="850" border="0" align="center">
<tr>
<td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="backdrop1123h.asp" target="_self"><img src="imges/wedding/wed10.gif" width="356" height="340" border="0" /></a></td>
<td align="right"><a href="tailiji1123.asp" target="_self"><img src="imges/wedding/wed8.gif" width="287" height="341" border="0" /></a></td>
</tr>
</table></td>
<td width="198" rowspan="2" ><table width="196" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="qianmingban1123.asp" target="_self"><img src="imges/wedding/wed3.gif" width="196" height="142" border="0"/></a></td>
</tr>
<tr>
<td style="padding-top:2px;"><a href="zuoweibiao1123.asp" target="_self"><img src="imges/wedding/wed4.gif" width="196" height="372" border="0"/></a></td>
</tr>
</table></td>
</tr>
<tr>
<td width="223" ><a href="jiehunka1123.asp" target="_self"><img src="imges/wedding/wed7.gif" width="226" height="173" border="0"/></a></td>
<td width="415" ><a href="xiangtao1123.asp" target="_self"><img src="imges/wedding/wed5.gif" width="416" height="173" border="0"/></a></td>
</tr>
<tr>
<td colspan="3"><img src="imges/wedding/wed1.gif" width="100%" /></td>
</tr>
<tr>
<td colspan="3"><img src="imges/wedding/wed6.gif" width="850" height="321" border="0" usemap="#Map" /></td>
</tr>
<tr>
<td colspan="3"><!--#include file="wedding_bottom.html"--></td>
</tr>
<tr>
<td colspan="3"><span class="key">我们有完整的产品类型, 提供一站式喷画印刷服务, 资料齐备, 以及有专业的客户服务团队, 我们的产品包括</span></td>
</tr>
</table>
<a href="qianmingban1123.asp" target="_self"></a><a href="zuoweibiao1123.asp" target="_self"></a>
<map name="Map" id="Map">
<area shape="rect" coords="55,25,218,274" href="aidexuanyan1123.asp" target="_self" />
<area shape="rect" coords="248,85,436,310" href="hunlichangkan1123.asp" target="_self" />
<area shape="rect" coords="572,63,822,307" href="xinrenzhanban1123.asp" target="_self" />
</map>
</body>
<script language="JavaScript">
function click() {
if (event.button==2) {
alert('欢迎光临,如对本公司产品或业务有兴趣可至电本公司咨询.')
}
}
document.onmousedown=click
</script>
<script language="JavaScript">
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
</script>
</html>2015-05-08
