淘先锋技术网

首页 1 2 3 4 5 6 7

模仿百度页面的HTML代码

最近我学习了HTML语言，现在我正在尝试模仿百度首页的HTML代码。


<!DOCTYPE html>
<html>
<head>
	<title>百度一下，你就知道</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="wrapper">
		<div class="search">
			<img src="https://www.baidu.com/img/baidu_logo.svg" alt="百度logo">
			<form>
				<input type="text" name="keywords" placeholder="请输入搜索内容">
				<button type="submit">百度一下</button>
			</form>
		</div>
		<div class="links">
			<a href="#" target="_blank">新闻</a>
			<a href="#" target="_blank">hao123</a>
			<a href="#" target="_blank">地图</a>
			<a href="#" target="_blank">视频</a>
			<a href="#" target="_blank">贴吧</a>
			<a href="#" target="_blank">学术</a>
			<a href="#" target="_blank">更多></a>
		</div>
	</div>
	<div class="bottom">
		<a href="#" target="_blank">关于百度</a>
		<a href="#" target="_blank">About Baidu</a>
		<a href="#" target="_blank">百度推广</a>
		<a href="#" target="_blank">百度搜索风云榜</a>
		<a href="#" target="_blank">百度商务</a>
		<a href="#" target="_blank">招聘信息</a>
		<a href="#" target="_blank">客服中心</a>
		<a href="#" target="_blank">意见反馈</a>
		<a href="#" target="_blank">京ICP证030173号</a>
		<p>京公网安备11000002000001号</p>
	</div>
</body>
</html>

模仿百度页面的HTML代码

以上是我现在的代码，我将继续学习HTML和CSS，希望以后可以实现更好的页面布局和功能，为网站设计做出更大的贡献。