?? index.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=iso-8859-1" />
<title>Web Template - Web 2.0!</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--header start -->
<div id="header">
<a href="#"><img src="images/logo.gif" alt="Royal linking" width="113" height="58" border="0" /></a>
<h1>mauris eros</h1>
<ul>
<li><a href="#" class="hover">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">support</a></li>
<li><a href="#">forum</a></li>
<li><a href="#">importance</a></li>
<li><a href="#">intro</a></li>
<li class="noborder"><a href="#">contact us </a></li>
</ul>
</div>
<!--header emd -->
<!--body start -->
<div id="body">
<!--left pan start -->
<div id="leftPan">
<h2>services</h2>
<ul>
<li><a href="#">mllamcorper pede. </a></li>
<li><a href="#">Sedec elitfaucibus </a></li>
<li><a href="#">aliquam vitaodio </a></li>
<li><a href="#">interdum vulputate. </a></li>
<li><a href="#">Aenean congue </a></li>
<li><a href="#">tempus orcisit aet </a></li>
<li><a href="#">nec miegetQuisque </a></li>
<li><a href="#">nec mieget.</a></li>
</ul>
<a href="#"><img src="images/banner.jpg" alt="banner" width="196" height="256" border="0" title="banner" /></a>
</div>
<!--left pan end -->
<!--middel pan start -->
<div id="middel">
<h2>welcome</h2>
<p>Lorem ipsum dolor sit amet, consectetuer <b>adipiscing elit</b>. Donec quis Class aptent ta lectarcu egestas
luctus.Nullam dignissim tempor tellus. Maur orci nec leovelitlitfaucis</p>
<p>tellus.faucibus aliquam.<b> In faucibus aliquet </b>velit. Vivamus eget mauris. mnec </p>
<p>Cras condimentum ullamcorper pede. Sedec elitfaucibus aliquam vitaodio interdum vulputate. Aenean congue tempus
orcisit aet nec miegetQuisque nec mieget. vulputate vulputatePraesen</p>
<ul>
<li><a href="#">Cras condimentum ullamcorper pede.</a></li>
<li><a href="#">Sedec elitfaucibus aliquam vitaodio </a></li>
<li><a href="#">interdum vulputate. Aenean congue </a></li>
<li><a href="#">tempus orcisit aet nec miegetQuisquene </a></li>
<li><a href="#">mieget. vulputate vulputatePraesent </a></li>
</ul>
<a class="more" href="#">more</a>
</div>
<!--middel pan end -->
<!--right side start -->
<div id="rightPan">
<h2>search</h2>
<form name="seaer" method="post" action="" class="sear">
<label>your domain name</label>
<input type="text" name="text" value="" />
<a href="#">Adnance search</a>
<input type="button" name="bu" value="go" class="go" title="go" />
</form>
<h3>contact </h3>
<form name="contact" method="post" class="contact" action="">
<label> Name</label>
<input type="text" name="name" value="" />
<label>Previous address</label>
<input type="text" name="pre" value="" />
<label>Current address</label>
<input type="text" name="addr" value="" />
<label>Email id</label>
<input type="text" name="id" value="" />
<label>Comments</label>
<textarea name="" cols="" rows=""></textarea>
<input type="button" name="bu" value="submit" class="sub" />
</form>
</div>
<!--right side end -->
<br class="spacer" />
</div>
<!--body end -->
<!--footer start -->
<div id="footer">
<ul>
<li><a href="#">home</a>|</li>
<li><a href="#">about us</a>|</li>
<li><a href="#">support</a>|</li>
<li><a href="#">forum</a>|</li>
<li><a href="#">importancet</a>|</li>
<li><a href="#">intro</a>|</li>
<li><a href="#">contact</a></li>
</ul>
<p>© Copyright Information Goes Here.</p>
<ul class="xh">
<li><a href="http://validator.w3.org/check?uri=referer" target="_blank">xhtml</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank">css</a></li>
</ul>
<p class="copy">Designed By:<a href="http://www.templateworld.com" target="_blank">Template World</a></p>
</div>
<!--footer end -->
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -