📄 index.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<BODY onLoad="MM_preloadImages('images/m1_1.gif','images/m2_1.gif','images/m3_1.gif','images/m4_1.gif','images/m5_1.gif','images/m6_1.gif')">
<table cellspacing="0" cellpadding="0" style="height:100%" align="center">
<tr>
<td style="width:766px; height:100%">
<table cellspacing="0" cellpadding="0" style="height:100%">
<tr>
<td style="width:202px; height:100%">
<table cellspacing="0" cellpadding="0" style="height:100%">
<tr>
<td style="width:202px; height:153px; background-image:url(images/bgd.gif); background-repeat:repeat-x; background-position:left bottom">
<br style="line-height:49px">
<img src="images/c_name.gif" alt="" style="margin-left:27px"><br>
</td>
</tr>
<tr>
<td style="width:202px; height:100%; background-image:url(images/bg_big.jpg); background-repeat:repeat-y">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="width:203px; height:554px">
<br style="line-height:200px">
<img src="images/slogan.gif" alt="" style="margin-left:9px"><br>
<br style="line-height:2px">
<a href="#"><img src="images/click.gif" alt="" border="0" style="margin-left:96px"></a><br>
</td>
</tr>
<tr>
<td style="width:203px; height:43px">
<img src="images/com_name.gif" alt="" style="margin-left:86px"><br>
<a href="#"><img src="images/terms.gif" alt="" border="0" style="margin-left:55px"></a><img src="images/line.gif" alt=""><a href="index-6.html"><img src="images/policy.gif" alt="" border="0"></a><br> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td style="width:564px; height:100%">
<table cellspacing="0" cellpadding="0" style="height:100%">
<tr>
<td style="width:564px; height:196px">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="width:564px; height:22px; background-color:#080A0F">
<br style="line-height:4px">
<a href="#"><img src="images/order.gif" alt="" border="0" style="margin-left:240px"></a><img src="images/l1.gif" alt=""><a href="#"><img src="images/help.gif" alt="" border="0"></a><img src="images/l2.gif" alt=""><img src="images/number.gif" alt=""><br> </td>
</tr>
<tr>
<td style="width:564px; height:131px; background-image:url(images/pic.jpg); background-repeat:no-repeat"></td>
</tr>
<tr>
<td style="width:564px; height:43px; background-image:url(images/rep_menu.gif); background-repeat:repeat-x">
<a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/m1_1.gif',1)"><img src="images/m1_1.gif" alt=" " name="Image8" width="84" height="43" border="0"></a><a href="index-1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','images/m2_1.gif',1)"><img src="images/m2.gif" alt=" " name="Image9" width="86" height="43" border="0"></a><a href="index-2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','images/m3_1.gif',1)"><img src="images/m3.gif" alt=" " name="Image10" width="96" height="43" border="0"></a><a href="index-3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/m4_1.gif',1)"><img src="images/m4.gif" alt=" " name="Image11" width="97" height="43" border="0"></a><a href="index-4.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','images/m5_1.gif',1)"><img src="images/m5.gif" alt=" " name="Image12" width="85" height="43" border="0"></a><a href="index-5.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','images/m6_1.gif',1)"><img src="images/m6.gif" alt=" " name="Image13" width="89" height="43" border="0"></a><br></td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width:564px; height:505px; background-image:url(images/y.gif); background-repeat:repeat-y">
<div style="margin-left:23px">
<br style="line-height:25px">
<table cellspacing="0" cellpadding="0" style="margin-bottom:18px">
<tr>
<td style="width:521px; height:232px">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="width:266px; height:232px">
<img src="images/t1_1.gif" alt=""><br>
<br style="line-height:20px">
<img src="images/p1_1.gif" alt="" align="left" style="margin-left:6px; margin-right:19px; margin-top:3px">
<strong>Donec accumsan malda orci.</strong> Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer <a href="#">adipiscing</a> lor.<br>
<br style="line-height:11px">
Donec sit amet eros. Lorem ipsum dolor sit amet ectetur <a href="#">adipiscing</a> elit. Mauris.<br>
<div style="margin-left:3px; margin-right:18px">
<br style="line-height:26px">
<strong>Donec accumsan malda orci.</strong> Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer <a href="#">adipiscing</a> lor. Donec sit amet eros. Lorem ipsum. <br>
<br style="line-height:15px">
<a href="#"><img src="images/more.gif" alt="" border="0" align="right"></a><br>
</div>
</td>
<td style="width:255px; height:232px; background-image:url(images/px.gif); background-repeat:repeat-y">
<div style="margin-left:21px">
<img src="images/t1_3.gif" alt=""><br>
<br style="line-height:20px">
<img src="images/p1_4.gif" alt="" align="left" style="margin-right:9px">
<a href="#">Donec accumsan malda orci. Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer lor.</a><br>
<br style="line-height:17px">
<img src="images/pixel.gif" alt=""><br>
<br style="line-height:12px">
<img src="images/p1_5.gif" alt="" align="left" style="margin-right:9px">
<a href="#">Donec accumsan malda orci. Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer lor.</a><br>
<br style="line-height:21px">
<img src="images/pixel.gif" alt=""><br>
<br style="line-height:12px">
<img src="images/p1_6.gif" alt="" align="left" style="margin-right:9px">
<a href="#">Donec accumsan malda orci. Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer lor.</a><br>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width:521px; height:31px; background-image:url(images/repeat.gif); background-repeat:repeat-x"></td>
</tr>
<tr>
<td style="width:521px; height:198px">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="width:266px; height:198px">
<br style="line-height:7px">
<img src="images/t1_2.gif" alt=""><br>
<br style="line-height:19px">
<img src="images/p1_2.gif" alt="" align="left" style="margin-left:6px; margin-right:17px">
<br style="line-height:2px">
<strong>Donec accumsan malda orci.</strong> Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer <a href="#">adipiscing</a> lor. <br>
<br style="line-height:20px">
<img src="images/pixel.gif" alt="" style="margin-left:7px"><br>
<br style="line-height:20px">
<img src="images/p1_3.gif" alt="" align="left" style="margin-left:6px; margin-right:17px">
<br style="line-height:1px">
<strong>Donec accumsan malda orci.</strong> Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer <a href="#">adipiscing</a> lor. <br>
</td>
<td style="width:255px; height:198px; background-image:url(images/px.gif); background-repeat:repeat-y">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="width:255px; height:98px">
<br style="line-height:7px">
<a href="#"><img src="images/bunner.gif" alt="" border="0" style="margin-left:19px"></a><br> </td>
</tr>
<tr>
<td style="width:255px; height:98px">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="width:26px; height:98px"></td>
<td style="width:227px; height:98px; background-image:url(images/mid.gif); background-repeat:repeat-y">
<table cellspacing="0" cellpadding="0" style="background-image:url(images/top.gif); background-repeat:no-repeat">
<tr>
<td style="width:227px; height:98px; background-image:url(images/bot.gif); background-repeat:no-repeat; background-position:left bottom" class="forma">
<br style="line-height:14px">
<img src="images/t1_4.gif" alt="" style="margin-left:16px"><br>
<br style="line-height:8px">
<div style="margin-left:18px">
Enter your email here:
</div>
<br style="line-height:1px">
<form action="" enctype="multipart/form-data" id="form">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="width:17px; height:23px"></td>
<td style="width:143px; height:23px" class="form">
<input name="" type="text"><br>
<br style="line-height:1px">
<a href="#" class="forma" >Unsubscribe</a> </td>
<td style="width:51px; height:23px"><input type="image" src="images/button.gif" alt=""><br></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td style="width:564px; height:100%; background-image:url(images/y.gif); background-repeat:repeat-y">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="width:564px; height:49px">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="width:29px; height:49px"></td>
<td style="width:515px; height:49px; background-image:url(images/foot_bg.gif); background-repeat:repeat-x">
<br style="line-height:20px">
<a href="index.html"><img src="images/m1_f.gif" alt="" border="0"></a><a href="index-1.html"><img src="images/m2_f.gif" alt="" border="0"></a><a href="index-2.html"><img src="images/m3_f.gif" alt="" border="0"></a><a href="index-3.html"><img src="images/m4_f.gif" alt="" border="0"></a><a href="index-4.html"><img src="images/m5_f.gif" alt="" border="0"></a><a href="index-5.html"><img src="images/m6_f.gif" alt="" border="0"></a> </td>
<td style="width:20px; height:49px"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -