利用div设计网页框架结构代码截图
发布网友
发布时间：2022-04-22 05:14
共1个回答
热心网友
时间：2023-06-28 09:45
<!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=utf-8" />
<title>镞犳爣棰樻枃妗?/title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="head">
<div id="top">
<div id="top_logo"><img src="Images/logo.jpg" width="203" height="52" /></div>
<div id="top_flower"><img src="Images/Top_Flower.jpg" width="128" height="83" /></div>
<div id="top_title"><img src="Images/top_title.jpg" width="385" height="67" /></div>
<div id="right_conter"><a href="#">Sign in</a> | <a href="#">Join Now!</a> | <a href="#">Help</a></div>
</div>
<div id="Visiting">First Time Visiting?</div>
<div id="loginbar">
<form id="form1" name="form1" method="post" action="">
<div id="loginbar_conter">
<div id="loginbar_conter_left">Sign up for special sales letter and shop with Myeglobal.com
<label>
<input name="textfield" type="text" id="input" value="your email address" size="25" />
</label>
</div>
<div id="login_btn">
<label>
<input type="image" name="imageField" src="Images/btn1.jpg" />
</label>
</div>
<div id="login_right">
<label> </label>
or know more about Myeglobal.com</div>
</div>
</form>
</div>
</div>
<div id="banner">
<div id="banner_pic"><a href="#1"><img src="Images/banner1.jpg" width="229" height="236" border="0" /></a><a href="#2"><img src="Images/banner2.jpg" width="231" height="236" border="0" /></a><a href="#3"><img src="Images/banner3.jpg" width="229" height="236" border="0" /></a></div>
<div id="banner_right">
<div id="banner_right_pic"><img src="Images/left_pic1.jpg" width="244" height="181" /></div>
<div id="banner_right_btn"><a href="#">click here to dress yourself up</a></div>
</div>
</div>
<div id="wrapper">
<div id="main">
<div id="left">
<div id="main_conter1">
<div id="main_title1">
<div id="main_title1_conter"><a href="#">BRIDAL FASHION</a><a name="1" id="1"></a></div>
<div id="main_title1_text">From classic A-line to modern mermaid style and ball gowns too, no matter you're glamorous or romantic, we sorted through 1000s of dress designs to pick the wedding dresses you're dreaming for.</div>
</div>
<div class="main_list">
<ul>
<li><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1417970"><img src="Images/proct1.jpg" alt="CindyWedding" width="128" height="166" border="0" /></a>
<p><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1417970">Ball Gown Spaghetti Straps
Bridal Gown</a></p>
<span>Price:US$101.20</span></li>
<li><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1432184"><img src="Images/proct2.jpg" alt="romanticdresses" width="128" height="166" border="0" /></a>
<p> <a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1432184">Classic Sweatheart Neck Wedding Gown</a></p>
<span>Price: US$88.00</span><br />
</li>
<li><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1435490"><img src="Images/proudct3.jpg" alt="romanticdresses " width="128" height="166" border="0" /></a>
<p><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1435490">Sweetheart Pricess Wedding Dresses</a></p>
<span>Price: US$83.60</span><br />
<img src="Images/5off.gif" width="28" height="17" /></li>
<li><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1435520"><img src="Images/proudct4.jpg" alt="romanticdresses " width="128" height="168" border="0" /></a>
<p><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1435520">Custom Strapless Ruffles Wedding Gown</a></p>
<span>Price: US$88.00</span></li>
</ul>
<ul>
<li> <a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1438611"><img src="Images/proct13.jpg" alt="CindyWedding" width="126" height="166" border="0" /></a>
<p><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1438611">New Princess Style Strapless Wedding Dress</a></p>
<span>Price:US $95.70</span><br />
</li>
<li> <a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1438627"><img src="Images/proct14.jpg" alt="CindyWedding" width="126" height="166" border="0" /></a>
<p> <a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1438627">Strapless Custom Made Wedding Dress</a></p>
<span>Price: US$95.70</span></li>
<li><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1438739"><img src="Images/proct15.jpg" alt="lovesky " width="128" height="166" border="0" /></a>
<p><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1438739">Simple V Neck Ruffly Bridal Dresses</a></p>
<span>Price: US$91.85</span> </li>
<li><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1440235"><img src="Images/proct16.jpg" alt="lovesky " width="127" height="166" border="0" /></a>
<p><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1440235">Elegant Empire Waistline Bridal Dress</a></p>
<span>Price: US$84.50</span></li>
</ul>
</div>
<div class="main_conter1_more"><br />
</div>
</div>
<div id="main_conter2">
<div id="main_title2">
<div id="main_title2_conter"><a href="#">FORMAL EVENT</a><a name="2" id="2"></a></div>
<div id="main_title2_text">Got a sociality event invitation? Find your perfect formal gown from DressilyMe formal affair selection. It ranges from black tie affair to cocktail party, and hundreds of designs you're guaranteed to be attractive.</div>
<div class="main_list">
<ul>
<li><a href="http://www.myeglobal.com/proctdetail-1427112-china-09Newest-fashion-sytel-Sexy-Beautiful-girls--Prom-Dress-Evening-Dress-top-qualit.html"><img src="Images/proct5.jpg" alt="romanticdresses " width="128" height="166" border="0" /></a>
<p><a href="http://www.myeglobal.com/proctdetail-1427112-china-09Newest-fashion-sytel-Sexy-Beautiful-girls--Prom-Dress-Evening-Dress-top-qualit.html">Elegant Deep-V Raised Waistline Dress</a></p>
<span>Price: US$82.50</span></li>
<li><a href="http://www.myeglobal.com/proctdetail-1427153-china-09Newest-fashion-sytel-Sexy-Beautiful-girls--Prom-Dress-Evening-Dress-top-qualit.html"><img src="Images/proct6.jpg" alt="romanticdresses " width="128" height="166" border="0" /></a>
<p> <a href="http://www.myeglobal.com/proctdetail-1427153-china-09Newest-fashion-sytel-Sexy-Beautiful-girls--Prom-Dress-Evening-Dress-top-qualit.html">Custom Stylish V Neck Floor Length Dress</a></p>
<span>Price: US$82.50</span> </li>
<li><a href="http://www.myeglobal.com/proctdetail-1429448-china-09Newest-fashion-sytel-Sexy-Beautiful-girls--Prom-Dress-Evening-Dress-top-qualit.html"><img src="Images/proct7.jpg" alt="romanticdresses " width="128" height="166" border="0" /></a>
<p><a href="http://www.myeglobal.com/proctdetail-1429448-china-09Newest-fashion-sytel-Sexy-Beautiful-girls--Prom-Dress-Evening-Dress-top-qualit.html">Glamorous Black Basque Evening Dress</a></p>
<span>Price: US$83.60</span><br />
<img src="Images/5off.gif" width="28" height="17" /></li>
<li><a href="http://www.myeglobal.com/proctdetail-1431618-china-09Newest-fashion-sytel-Sexy-Beautiful-girls--Prom-Dress-Evening-Dress-top-qualit.html"><img src="Images/proct8.jpg" alt="romanticdresses " width="128" height="168" border="0" /></a>
<p><a href="http://www.myeglobal.com/proctdetail-1431618-china-09Newest-fashion-sytel-Sexy-Beautiful-girls--Prom-Dress-Evening-Dress-top-qualit.html">Custom Sweethear Ruffly Cocktail Dress</a></p>
<span>Price: US$83.60</span><br />
<img src="Images/5off.gif" width="28" height="17" /></li>
</ul>
<ul>
<li><a href="http://www.myeglobal.com/proctdetail-1436892-china-Brand-New-Custom-Made-Prom-Dress-Evening-Dress-with-top-quality-and-fashion-styl.html"><img src="Images/proct9.jpg" alt="CindyWedding " width="128" height="166" border="0" /></a>
<p><a href="http://www.myeglobal.com/proctdetail-1436892-china-Brand-New-Custom-Made-Prom-Dress-Evening-Dress-with-top-quality-and-fashion-styl.html">Strapless Knee Length A-line Cocktail Dress</a></p>
<span>Price: US$55.00</span><br />
</li>
<li><a href="http://www.myeglobal.com/proctdetail-1437023-china-Brand-New-Custom-Made-Prom-Dress-Evening-Dress-with-top-quality-and-fashion-styl.html"><img src="Images/proct10.jpg" alt="CindyWedding " width="128" height="166" border="0" /></a>
<p> <a href="http://www.myeglobal.com/proctdetail-1437023-china-Brand-New-Custom-Made-Prom-Dress-Evening-Dress-with-top-quality-and-fashion-styl.html">Elegant Queen Anne Neckline Formal Gown</a></p>
<span>Price: US$71.50</span></li>
<li><a href="http://www.myeglobal.com/proctdetail-1437032-china-Brand-New-Custom-Made-Prom-Dress-Evening-Dress-with-top-quality-and-fashion-styl.html"><img src="Images/proct11.jpg" alt="CindyWedding " width="128" height="166" border="0" /></a>
<p><a href="http://www.myeglobal.com/proctdetail-1437032-china-Brand-New-Custom-Made-Prom-Dress-Evening-Dress-with-top-quality-and-fashion-styl.html">Satin Halter Neck Mermaid Dresses</a></p>
<span>Price: US$71.50</span><br />
</li>
<li><a href="http://www.myeglobal.com/proctdetail-1437045-china-Brand-New-Custom-Made-Prom-Dress-Evening-Dress-with-top-quality-and-fashion-styl.html"><img src="Images/proct12.jpg" alt="CindyWedding " width="128" height="166" border="0" /></a>
<p><a href="http://www.myeglobal.com/proctdetail-1437045-china-Brand-New-Custom-Made-Prom-Dress-Evening-Dress-with-top-quality-and-fashion-styl.html">Spaghetti Straps Evening Dress With Sashes</a></p>
<span>Price:US $71.50</span></li>
</ul>
</div>
<div class="main_conter2_more"></div>
</div>
</div>
<div id="main_conter3">
<div id="main_title3">
<div id="main_title3_conter"><a href="#">GIRLS'PROM DRESSES</a><a name="3" id="3"></a></div>
<div id="main_title3_text">Ask any girl what is the most important aspect in their long plans for prom night and chances are that you will always hear prom dress. Now it is the time to go prom dress shopping simply online from DressilyMe prom collection.</div>
</div>
</body>
</html>
