头部：
<!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="css/global.css" rel="stylesheet" type="text/css" />
<link href="css/template.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/header.js"></script>
</head>
<body>
<!--顶部开始-->
<div class="header_top">
<div class="header_top_left">您好！欢迎光临当当网 [<a href="login.html" target="_parent">登录</a> | <a href="register.html" target="_parent">免费注册</a>]</div>
<div class="header_top_right">
<ul>
<li><a href="#" target="_self">帮助</a></li>
<li>|</li>
<li id="menu"><a href="#" target="_self">我的当当</a> <img src="images/dd_arrow_down.gif" alt="arrow" />
<div id="dd_menu_top_down">
<a href="#" target="_self">我的订单</a><br />
<a href="#" target="_self">账户余额</a><br />
<a href="#" target="_self">购物礼券</a><br />
<a href="#" target="_self">我的会员积分</a><br />
</div>
</li>
<li>|</li>
<li><a href="#" target="_self">团购</a></li>
<li>|</li>
<li><a href="#" target="_self">礼品卡</a></li>
<li>|</li>
<li><a href="#" target="_self">个性化推荐</a></li>
<li>|</li>
<li><a href="shopping.html" target="_parent">购物车</a></li>
<li><img src="images/dd_header_shop.gif" alt="shopping"/></li>
</ul>
</div>
</div>
<!--导航开始-->
<div class="header_middle">
<div class="logo"><img src="images/dd_logo.gif" alt="logo"/></div>
<div class="menu_left">
<dl>
<dd class="menu_left_first"></dd>
</dl>
<ul id="menu_left_bold">
<li><a href="index.html" target="_parent" class="bold">首页</a></li>
<li>|</li>
<li><a href="product.html" target="_parent" class="bold">图书</a></li>
<li>|</li>
<li><a href="#" target="_self" class="bold">音乐</a></li>
<li>|</li>
<li><a href="#" target="_self" class="bold">影视</a></li>
<li>|</li>
<li><a href="#" target="_self" class="bold">运动</a></li>
<li>|</li>
<li><a href="#" target="_self" class="bold">服饰</a></li>
<li>|</li>
<li><a href="#" target="_self" class="bold">家居</a></li>
<li>|</li>
<li><a href="#" target="_self" class="bold">美妆</a></li>
<li>|</li>
<li><a href="#" target="_self" class="bold">母婴</a></li>
<li>|</li>
<li><a href="#" target="_self" class="bold">食品</a></li>
<li>|</li>
<li><a href="#" target="_self" class="bold">数码家电</a></li>
</ul>
<dl>
<dd class="menu_left_end"></dd>
</dl>
</div>
<div class="menu_right" id="menu_dull_red">
<ul>
<li class="menu_right_1"><a href="#" target="_self">商店街</a></li>
<li class="menu_right_2"><a href="#" target="_self">促销</a></li>
<li class="menu_right_3"><a href="#" target="_self">当当<img src="images/dd_header_top.png" alt="榜" /></a>
</li>
<li class="menu_right_2"><a href="#" target="_self">社区</a></li>
<li class="menu_right_3"><a href="#" target="_self">在线读书</a></li>
</ul>
</div>
<div class="menu">
<div class="menu_first"></div>
<div id="menu_white">
<a href="#" target="_self" class="menu_mid_white">小说</a>|
<a href="#" target="_self" class="menu_mid_white">青春</a>|
<a href="#" target="_self" class="menu_mid_white">历史</a>|
<a href="#" target="_self" class="menu_mid_white">保健</a>|
<a href="#" target="_self" class="menu_mid_white">少儿</a>|
<a href="#" target="_self" class="menu_mid_white">旅游</a>|
<a href="#" target="_self" class="menu_mid_white">期刊</a>|
<a href="#" target="_self" class="menu_mid_white">图书畅销榜</a>|
<a href="#" target="_self" class="menu_mid_white">新书热卖榜</a>|
<a href="#" target="_self" class="menu_mid_white">特价书</a>|
<a href="#" target="_self" class="menu_mid_white">图书促销</a>|
<a href="#" target="_self" class="menu_mid_white">所有图书分类</a>
</div>
<div class="menu_end"></div>
</div>
</div>
<!--搜索开始-->
<div class="header_search">
<div class="header_serach_left"></div>
<div class="header_serach_mid">
<ul id="header_serach_mid_menu">
<li><input id="header_serach" type="text" class="header_input_search" /></li>
<li><input type="image" class="header_secrch_btn" src="images/dd_header_search_btn.jpg" /></li>
<li><img src="images/dd_arrow_right.gif" alt="arrow"/> <a href="#" target="_self">高级搜索</a></li>
<li>|</li>
<li><img src="images/dd_header_search_top.jpg" alt="搜索风云榜"/></li>
<li><a href="#" target="_self">雅思</a></li>
<li>|</li>
<li><a href="#" target="_self">建造师</a></li>
<li>|</li>
<li><a href="#" target="_self">中里巴人</a></li>
<li>|</li>
<li><a href="#" target="_self">注会</a></li>
<li>|</li>
<li><a href="#" target="_self">新概念英语</a></li>
<li>|</li>
<li><a href="#" target="_self">更多>></a></li>
</ul>
</div>
<div class="header_serach_right"></div>
</div>
</body>
</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=gb2312" />
<title>当当网版权部分</title>
<link href="css/global.css" rel="stylesheet" type="text/css" />
<link href="css/template.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="footer_end">Copyright (C) 当当网 2004-2009, All Rights Reserved <img src="images/validate.gif" alt="版权" style="vertical-align:middle;" /> 京ICP证041189号 音像制品经营许可证 京音网8号</div>
</body>
</html>
标签：当当,促销,当当网,尾部,源码,头部,图书 来源： https://blog.51cto.com/u_12718584/2843053
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。