当当网头部和尾部——源码
2021/6/1 22:22:20
本文主要是介绍当当网头部和尾部——源码,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
头部:
<!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>
这篇关于当当网头部和尾部——源码的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-07-02springboot项目无法注册到nacos-icode9专业技术文章分享
- 2024-06-26结对编程到底难不难?答案在这里
- 2024-06-19《2023版Java工程师》课程升级公告
- 2024-06-15matplotlib作图不显示3D图,怎么办?
- 2024-06-1503-Loki 日志监控
- 2024-06-1504-让LLM理解知识 -Prompt
- 2024-06-05做软件测试需要懂代码吗?
- 2024-06-0514-ShardingSphere的分布式主键实现
- 2024-06-03为什么以及如何要进行架构设计权衡?
- 2024-05-31全网首发第二弹!软考2024年5月《软件设计师》真题+解析+答案!(11-20题)