——————————————————————HTML—————————————————————————————
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>导航页</title> <style type="text/css"></style> <link rel="stylesheet" href="../css/wk2.css"> </head> <body> <!--级大框架--> <div class="frame"> <!-- 头部导航--> <!--左部天气预报--> <div class="weather"> <span> <a href="#">城市:</a> <a id="city"></a> <img id="img" src="" alt="加载失败"> </span> <span> <a href="#">温度:</a> <a id="temperature"></a> </span> <span> <a href="#">空气质量:</a> <a id="air"></a> </span> <span> <a href="#">阳历:</a> <a id="solarCalendar"></a> </span> </div> <!--未来一周--> <div class="nextWeek"></div> <!--右部导航栏--> <div class="frame-one"> <a href="#">新闻</a> <a href="#">hao123</a> <a href="#">地图</a> <a href="#">视频</a> <a href="#">贴吧</a> <a href="#">学术</a> <a href="#">登录</a> <a href="#" id="pop-qu1">设置</a> <div class="pop-qu-a"> <div>搜索设置</div> <div>高级搜索</div> <div>关闭预测</div> <div>搜索历史</div> </div> <button id="pop-qu2">更多产品</button> <div class="pop-qu-b"> <div class="text3">更多产品</div> <div class="img5"> <img src="../img/1.png" height="70" alt="加载失败"/> <a href="#">糯米</a> </div> <div class="img6"> <img src="../img/2.png" height="70" width="80" alt="加载失败"/> <a href="#">音乐</a> </div> <div class="img7"> <img src="../img/3.png" height="70" alt="加载失败"/> <a href="#">图片</a> </div> <div class="img8"> <img src="../img/4.png" height="70" alt="加载失败"/> <a href="#">知道</a> </div> <div class="img9"> <img src="../img/5.png" height="70" alt="加载失败"/> <a href="#">文库</a> </div> <div class="img10"> <img src="../img/6.png" height="70" alt="加载失败"/> <a href="#">风云榜</a> </div> <a class="text4" href="#">全部产品>></a> <
制作百度搜索首页(附赠HTML,js,css)
最新推荐文章于 2024-03-08 20:28:30 发布
本文介绍了如何使用HTML、CSS和JavaScript来创建一个自定义的百度搜索首页。通过结合这三个技术,可以实现美观且功能完善的搜索界面,包括布局设计、样式美化和交互功能的实现。
摘要由CSDN通过智能技术生成