<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/index.css">
<title>百度一下,你就知道</title>
</head>
<body>
<div class="wrap">
<div class="top">
<div class="right-bar">
<a href="#">设置</a>
<a class="login-btn" href="#">登录</a>
</div>
<div class="left-bar">
<a href="#">新闻</a>
<a href="#">hao123</a>
<a href="#">地图</a>
<a href="#">贴吧</a>
<a href="#">视频</a>
<a href="#">图片</a>
<a href="#">网盘</a>
<a href="#">更多</a>
</div>
</div>
<div class="center">
<div class="box logo">
<img src="Logo.png" alt="百度大logo">
</div>
<div class="box search">
<span></span>
<form action="https://www.baidu.com/s">
<input type="text" name="wd" id="key"><input type="button" value="百度一下">
</form>
</div>
<div class="box hotkey">
<div class="title">
<a href="#" class="baidu-hot-search">百度热搜 ></a>
<a href="#">✌ 换一换 ✌</a>
</div>
<div class="list">
<ul>
<li class="one">1<a href="#">笔者究竟是何方神圣?</a></li>
<li class="two">2<a href="#">自己动手开发一个百度首页</a></li>
<li class="three">3<a href="#">笔者身高竟接近两米!</a></li>
</ul>
<ul>
<li>4<a href="#">这个网页也能进行搜索?何妨一试</a></li>
<li>5<a href="#">读完文章后,你会点赞吗?</a></li>
<li>6<a href="#">快来打造属于自己的首页吧!</a></li>
</ul>
</div>
</div>
</div>
<div class="foot">
<p>
<a href="#">且将新火试新茶</a>
<a href="#">诗酒趁年华</a>
<a href="#">百度的网页做好了</a>
<a href="#">我们一起加油吧</a>
<a href="#">一起向未来</a>
</p>
</div>
</div>
</body>
<script>
document.getElementsByTagName("input")[1].addEventListener('click', function() {
let searchTxt = document.getElementsByTagName("input")[0].value;
window.location.href = "https://www.baidu.com/s?wd=" + searchTxt;
})
</script>
</html>
百度首页源码及素材文件.rar
需积分: 49 155 浏览量
2022-07-08
11:26:53
上传
评论
收藏 22KB RAR 举报
背影#
- 粉丝: 69
- 资源: 1
最新资源
- 海信智能电视刷机数据 LED42K330X3D(0000) 生产用软件数据 务必确认机编一致 强制刷机 整机USB升级程序
- shujudaochuceshi
- learn-ruby.zip
- test111111111111111111
- face-detect.ipynb
- 以下是一些关于ACM(国际大学生程序设计竞赛)、NOI(全国青少年信息学奥林匹克竞赛)以及CSP(全国青少年信息学奥林匹克竞赛提
- 是一些电子设计竞赛(电赛)经验分享,包括备赛策略、项目管理、团队合作和比赛期间的注意事项
- 全能运行库修复工具DirectX Repair v4.1.0.30770
- las格式点云数据使用详解(附VS编译好的LAStools工具)
- KRPano插件一键解密大师1.4.0 (解压密码1234)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
评论0