📄 index.html
字号:
<HTML>
<HEAD>
<title>online shopping</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-gb2312">
<style type="text/css"> <!-- .header {font-family:Tahoma, sans-serif; font-size: 12px; COLOR:#2FFFFF; padding-left:10; padding-right:5; font-weight:900 }
.menutable td { font-family: verdana, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }
.text {font-family:Tahoma,sans-serif; font-size: 11px; color:#000000; padding-left:20; padding-right:10 }
.text2 {font-family:Verdana,sans-serif; font-size: 10px; color:#ffffff; padding-left:20; padding-right:10 }
.news {font-family:Arial, sans-serif; font-size: 9px; color:#ffffff; padding-left:10; padding-right:5; font-weight:900; }
a:link{text-decoration: none; color:#ffffff}
a:visited{text-decoration: none; color: #ffffff}
a:hover{text-decoration: underline; color: #ffffff}
a:active{text-decoration: none; color: #ffffff}
.detailtable { color: #5E6E7B; font-family: arial, sans-serif; font-size: 7pt; text-align: center; }
li { list-style : url(images/pic.jpg); }
--></style>
</HEAD>
<BODY BGCOLOR="#ffffff" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0"
background="images/bg.jpg">
<TABLE WIDTH="780" BORDER="0" CELLPADDING="0" CELLSPACING="0" align="center" height="100%"
bgcolor="#ffffff">
<tr>
<td bgcolor="#000000" rowspan="100"><img src="images/spacer.gif" with="1"></td>
<td height="100%" valign="top">
<TABLE WIDTH="766" BORDER="0" CELLPADDING="0" CELLSPACING="0" valign="top" height="100%"
bgcolor="#ffffff">
<TR>
<TD WIDTH="444" HEIGHT="77" COLSPAN="2" style="background-image: url(images/1.jpg); color: #5E6E7B; padding-left: 2em; font-family: verdana, sans-serif; font-weight: bold;">
CLOTHES GALLERY<br>
2007 Summer Collection</TD>
<TD WIDTH="155" HEIGHT="77" style="background-image: url(images/2.jpg); color: #FFFFFF; padding-left: 1em; font-family: verdana, sans-serif; font-weight: bold;">
CLOTHES<br>
clothes.com</TD>
<TD WIDTH="167" HEIGHT="576" ROWSPAN="2" background="images/bg.jpg" valign="top">
<TABLE WIDTH="167" BORDER="0" CELLPADDING="0" CELLSPACING="0" bgcolor="#5e6e7d" class="menutable">
<TR>
<TD WIDTH="167" HEIGHT="25">
<IMG SRC="images/m_03.jpg" WIDTH="167" HEIGHT="25" ALT=""></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="16">
<A HREF="#">Mens</A>
</TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="18">
<A HREF="#">Womens</A>
</TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="18">
<A HREF="#">Babies</A>
</TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="17"><A HREF="#">Boys</A>
</TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="18">
<A HREF="#">Girls</A>
</TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="19">
<A HREF="#">Others</A>
</TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="18">
<A HREF="#">Specials</A>
</TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="18">
<A HREF="#">Are you nuts?</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="27"><FONT face="宋体"></FONT></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="17">
<IMG SRC="images/m_15.jpg" WIDTH="167" HEIGHT="17" ALT=""></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="17">
<A HREF="#">Shopping</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="20">
<A HREF="#">Site Locator</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="18">
<A HREF="#">Purchasing & Features</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="18">
<A HREF="#">Contact Us</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="19">
<A HREF="#">Credit Card Info</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="18">
<A HREF="#">About Us</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="18">
<A HREF="#">My Info</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="17">
<A HREF="#">Security & Privacy</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="14">
<A HREF="#">Technical Questions</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="23"><FONT face="宋体"></FONT></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="17">
<IMG SRC="images/m_26.jpg" WIDTH="167" HEIGHT="17" ALT=""></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="21">
<A HREF="#">Order Tracking</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="20">
<A HREF="#">Shopping Bag</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="12">
<A HREF="#">Acount Info</A></TD>
</TR>
<TR>
<TD WIDTH="167" HEIGHT="104"><FONT face="宋体"></FONT></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD WIDTH="287" HEIGHT="499" valign="top" background="images/lbg.jpg">
<TABLE WIDTH="287" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD WIDTH="287" HEIGHT="217">
<IMG SRC="images/l1.jpg" WIDTH="287" HEIGHT="217" ALT=""></TD>
</TR>
<TR>
<TD WIDTH="287" HEIGHT="27">
<A HREF="#"><IMG SRC="images/l2.jpg" WIDTH="287" HEIGHT="27" BORDER="0" ALT=""></A></TD>
</TR>
<TR>
<TD WIDTH="287" HEIGHT="18">
<IMG SRC="images/l3.jpg" WIDTH="287" HEIGHT="18" ALT=""></TD>
</TR>
<TR>
<TD background="images/l4.jpg" WIDTH="287" HEIGHT="195" ALT="">
<div class="text" style="PADDING-LEFT:30px; COLOR:#5e6e7b">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum
molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce
suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. <br><span style="cursor:hand;" onclick='morespan.style.display=="none" ? morespan.style.display="block" : morespan.style.display="none";'>Click here to learn more...</span>
<span id="morespan" style="display: none;">
<br>
Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus
nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra
magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed
laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus
eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac
<br>
Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus
nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra
magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed
laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus
eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac</span>
</div>
</TD>
</TR>
</TABLE>
</TD>
<TD WIDTH="312" HEIGHT="100%" valign="top" COLSPAN="2" background="images/cbg.jpg">
<TABLE WIDTH="312" BORDER="0" CELLPADDING="0" CELLSPACING="0" class="detailtable">
<TR>
<TD WIDTH="197" HEIGHT="35" COLSPAN="2" ROWSPAN="2">
<IMG SRC="images/om_08.jpg" WIDTH="197" HEIGHT="35" ALT=""></TD>
<TD WIDTH="115" HEIGHT="17" COLSPAN="7">
<IMG SRC="images/om_09.jpg" WIDTH="115" HEIGHT="17" ALT=""></TD>
</TR>
<TR>
<TD WIDTH="38" HEIGHT="18" COLSPAN="4"></TD>
<TD WIDTH="28" HEIGHT="18" COLSPAN="2">
<A HREF="#"><IMG SRC="images/om_12.jpg" WIDTH="28" HEIGHT="18" BORDER="0" ALT=""></A></TD>
<TD WIDTH="49" HEIGHT="18">
<IMG SRC="images/om_13.jpg" WIDTH="49" HEIGHT="18" ALT=""></TD>
</TR>
<TR>
<TD WIDTH="105" HEIGHT="78">
<IMG SRC="images/om_15.jpg" WIDTH="105" HEIGHT="78" ALT=""></TD>
<TD WIDTH="100" HEIGHT="78" COLSPAN="3">
<IMG SRC="images/om_16.jpg" WIDTH="100" HEIGHT="78" ALT=""></TD>
<TD WIDTH="107" HEIGHT="78" COLSPAN="5">
<IMG SRC="images/om_17.jpg" WIDTH="107" HEIGHT="78" ALT=""></TD>
</TR>
<TR>
<TD WIDTH="105" HEIGHT="13">
Men's style 1</TD>
<TD WIDTH="100" HEIGHT="13" COLSPAN="3">
Men's style 2</TD>
<TD WIDTH="107" HEIGHT="13" COLSPAN="5">
Men's style 3</TD>
</TR>
<TR>
<TD WIDTH="105" HEIGHT="87">
<IMG SRC="images/om_26.jpg" WIDTH="105" HEIGHT="87" ALT=""></TD>
<TD WIDTH="100" HEIGHT="87" COLSPAN="3">
<IMG SRC="images/om_27.jpg" WIDTH="100" HEIGHT="87" ALT=""></TD>
<TD WIDTH="107" HEIGHT="87" COLSPAN="5">
<IMG SRC="images/om_28.jpg" WIDTH="107" HEIGHT="87" ALT=""></TD>
</TR>
<TR>
<TD WIDTH="105" HEIGHT="13">
Men's style 4</TD>
<TD WIDTH="100" HEIGHT="13" COLSPAN="3">
Men's style 5</TD>
<TD WIDTH="107" HEIGHT="13" COLSPAN="5">
Men's style 6</TD>
</TR>
<TR>
<TD WIDTH="201" HEIGHT="36" COLSPAN="3" ROWSPAN="2">
<IMG SRC="images/om_38.jpg" WIDTH="201" HEIGHT="36" ALT=""></TD>
<TD WIDTH="34" HEIGHT="36" COLSPAN="3" ROWSPAN="2">
<IMG SRC="images/om_39.jpg" WIDTH="34" HEIGHT="36" ALT=""></TD>
<TD WIDTH="77" HEIGHT="18" COLSPAN="3">
<IMG SRC="images/om_40.jpg" WIDTH="77" HEIGHT="18" ALT=""></TD>
</TR>
<TR>
<TD WIDTH="20" HEIGHT="18">
<A HREF="#"><IMG SRC="images/om_43.jpg" WIDTH="20" HEIGHT="18" BORDER="0" ALT=""></A></TD>
<TD WIDTH="57" HEIGHT="18" COLSPAN="2">
<IMG SRC="images/om_44.jpg" WIDTH="57" HEIGHT="18" ALT=""></TD>
</TR>
<TR>
<TD WIDTH="105" HEIGHT="79">
<IMG SRC="images/om_47.jpg" WIDTH="105" HEIGHT="79" ALT=""></TD>
<TD WIDTH="105" HEIGHT="79" COLSPAN="4">
<IMG SRC="images/om_48.jpg" WIDTH="105" HEIGHT="79" ALT=""></TD>
<TD WIDTH="102" HEIGHT="79" COLSPAN="4">
<IMG SRC="images/om_49.jpg" WIDTH="102" HEIGHT="79" ALT=""></TD>
</TR>
<TR>
<TD WIDTH="105" HEIGHT="18">
Women's style 1</TD>
<TD WIDTH="105" HEIGHT="18" COLSPAN="4">
Women's style 1</TD>
<TD WIDTH="102" HEIGHT="18" COLSPAN="4">
Women's style 1</TD>
</TR>
<TR>
<TD WIDTH="105" HEIGHT="87">
<IMG SRC="images/om_59.jpg" WIDTH="105" HEIGHT="87" ALT=""></TD>
<TD WIDTH="105" HEIGHT="87" COLSPAN="4">
<IMG SRC="images/om_60.jpg" WIDTH="105" HEIGHT="87" ALT=""></TD>
<TD WIDTH="102" HEIGHT="87" COLSPAN="4">
<IMG SRC="images/om_61.jpg" WIDTH="102" HEIGHT="87" ALT=""></TD>
</TR>
<TR>
<TD WIDTH="105" HEIGHT="18">
Women's style 4</TD>
<TD WIDTH="105" HEIGHT="18" COLSPAN="4">
Women's style 5</TD>
<TD WIDTH="102" HEIGHT="18" COLSPAN="4">
Women's style 6</TD>
</TR>
<TR>
<TD WIDTH="105" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="105" HEIGHT="1" ALT=""></TD>
<TD WIDTH="92" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="92" HEIGHT="1" ALT=""></TD>
<TD WIDTH="4" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="4" HEIGHT="1" ALT=""></TD>
<TD WIDTH="4" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="4" HEIGHT="1" ALT=""></TD>
<TD WIDTH="5" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="5" HEIGHT="1" ALT=""></TD>
<TD WIDTH="25" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="25" HEIGHT="1" ALT=""></TD>
<TD WIDTH="20" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="20" HEIGHT="1" ALT=""></TD>
<TD WIDTH="8" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="8" HEIGHT="1" ALT=""></TD>
<TD WIDTH="49" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="49" HEIGHT="1" ALT=""></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD WIDTH="287" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="287" HEIGHT="1" ALT=""></TD>
<TD WIDTH="157" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="157" HEIGHT="1" ALT=""></TD>
<TD WIDTH="155" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="155" HEIGHT="1" ALT=""></TD>
<TD WIDTH="167" HEIGHT="1">
<IMG SRC="images/spacer.gif" WIDTH="167" HEIGHT="1" ALT=""></TD>
</TR>
</TABLE>
</td>
<td bgcolor="#000000" rowspan="100"><img src="images/spacer.gif" with="1"></td>
</tr>
<tr>
<td>
<TABLE WIDTH="766" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD background="images/_06.jpg" WIDTH="287" HEIGHT="40" ALT="">
<div class="text" style="COLOR:#5e6e7b">
YourCompany.Com
<br>
© 2003 |<a href="" style="COLOR:#5e6e7b"> Privacy Policy </a>| <a href="" style="COLOR:#5e6e7b">
Terms Of Use</a>
</div>
</TD>
<TD background="images/_07.jpg" WIDTH="479" HEIGHT="40" ALT="">
<div class="text" style="COLOR:#5e6e7b">
<a href="" style="COLOR:#5e6e7b">ABOUT US</a> | <a href="" style="COLOR:#5e6e7b">SERVICES</a>
|<a href="" style="COLOR:#5e6e7b"> PRODUCTS</a> | <a href="" style="COLOR:#5e6e7b">CLIENTS
</a>| <a href="" style="COLOR:#5e6e7b">CONTACTS</a>
</div>
</TD>
</TR>
<TR>
<TD WIDTH="766" HEIGHT="89" COLSPAN="2">
<IMG SRC="images/_08.jpg" WIDTH="766" HEIGHT="89" ALT=""></TD>
</TR>
</TABLE>
</td>
</tr>
</TABLE>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -