<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="myCss2. css"> <script type="text/javascript" src="banner.js"></script> <title>网站首页布局</title></head>< ;body><!--头부분--><div class="header"> <!-- 头부분--> <div class="content"> <ul class="nav"> <li class="item"><a href="">首页</a></li> <li class="item" ><a href="">产상품动态</a></li> <li class="item"><a href="">发布产상품</a> > <li class="item"><a href="">售后服务</a></li> <li class="item">< a href="">成功案例</a></li> <li class="item"><a href="">联系我们</a></li> ; </ul> </div></div><div class="slider"> <div id="flash"> <div id="prev "></div> <div id="next"></div> <ul id="play"> <li style="display: block;"><img src="images/1.jpg" alt="" /></li> <li><img src="images/2.jpg" alt="" /></li> <li><img src="images/3.jpg" alt="" /></li> <li><img src="images/4.jpg" alt="" /></li> <li><img src="images/ 5.jpg" alt="" /></li> <li><img src="images/6.jpg" alt="" /></li> <li> <img src="images/7.jpg" alt="" /></li> <li><img src="images/8.jpg" alt="" />< /li> </ul> <ul id="button"> <li><div style="배경: #A10000;"></div></li> <li><div></div></li> <li><div></div></li> <li><div></div> ;</li> <li><div></li> <li><div></div></li> & lt;리>< ;div></div></li> <li><div></div></li> </ul> </div></div> <!--主体--><div class="container"> <!-- 圣杯DOM结构--> <!-- 主体--> <div class="main"><h1>主体内容区</h1></div> ; ;내 제품 1</a></li> <li><a href="">내 제품 2>< /li> li><a href="">내 제품 3</a></li> ; > > > ~ ~ <li> <a href="">내 제품 9</a></li> 내 제품 10</li> >; lt;a href="">인기 판매 품목 1 </a></li> <li><a href="">인기상품 2< /a></li> ;li><a href="">인기상품 3</a></li> ~ > 8. ; 인기 품목 10</a></li> ="footer"> " " 모든 버전</a> |备19***666</a> ~
으르르르르
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="myCss2. css">
<script type="text/javascript" src="banner.js"></script>
<title>网站首页布局</title>
</head>
< ;body>
<!--头부분-->
<div class="header">
<!-- 头부분-->
<div class="content">
<ul class="nav">
<li class="item"><a href="">首页</a></li>
<li class="item" ><a href="">产상품动态</a></li>
<li class="item"><a href="">发布产상품</a> >
<li class="item"><a href="">售后服务</a></li>
<li class="item">< a href="">成功案例</a></li>
<li class="item"><a href="">联系我们</a></li> ;
</ul>
</div>
</div>
<div class="slider">
<div id="flash">
<div id="prev "></div>
<div id="next"></div>
<ul id="play">
<li style="display: block;"><img src="images/1.jpg" alt="" /></li>
<li><img src="images/2.jpg" alt="" /></li>
<li><img src="images/3.jpg" alt="" /></li>
<li><img src="images/4.jpg" alt="" /></li>
<li><img src="images/ 5.jpg" alt="" /></li>
<li><img src="images/6.jpg" alt="" /></li>
<li> <img src="images/7.jpg" alt="" /></li>
<li><img src="images/8.jpg" alt="" />< /li>
</ul>
<ul id="button">
<li><div style="배경: #A10000;"></div></li>
<li><div></div></li>
<li><div></div></li>
<li><div></div> ;</li>
<li><div></li>
<li><div></div></li>
& lt;리>< ;div></div></li>
<li><div></div></li>
</ul>
</div>
</div>
<!--主体-->
<div class="container">
<!-- 圣杯DOM结构-->
<!-- 主体-->
<div class="main"><h1>主体内容区</h1></div>
; ;내 제품 1</a></li>
<li><a href="">내 제품 2>< /li>
li><a href="">내 제품 3</a></li>
;
> > > ~ ~ <li> <a href="">내 제품 9</a></li>
내 제품 10</li>
>;
lt;a href="">인기 판매 품목 1 </a></li>
<li><a href="">인기상품 2< /a></li>
;li><a href="">인기상품 3</a></li>
~ > 8. ; 인기 품목 10</a></li>
="footer">
" " 모든 버전</a> |备19***666</a>
~
으르르르르