溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
一、 我們制作一個百度首頁作為練習，可直接復制該代碼保存后綴名為.html來查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>d93_baidu_home_exercise</title>
<style>
.header{
height: 250px;
/*background-color: red;*/
}
.content{
height: 220px;
/*background-color: pink;*/
?
}
.footer{
height: 200px;
/*background-color:green;*/
}
div{
text-align: center;
}
.logo{
background-color:skyblue;
height: 130px;
}
input[type=text]{
width: 400px;
height:30px;
}
input[type=submit]{
width:80px;
height:30px;
}
.content_form{
height:80px;
}
body{
font-size: 16px;
}
</style>
</head>
<body>
<div class="header">
<div>
<img src="image/baidu_logo.png" alt="" class="logo">
</div>
<div class="header_navgitor">
<a href="#">新聞</a>
<a href="#">音樂</a>
<a href="#">知道</a>
<a href="#">文庫</a>
<a href="#">應用</a>
<a href="#">視頻</a>
<a href="#">地圖</a>
</div>
</div>
<div class="content">
<div class="content_form">
<form action="http://www.baidu.com">
<input type="text" name="" id="">
<input type="submit" value="百度一下" >
</form>
</div>
<div>
<a href="#">百科</a>
<a href="#">文庫</a>
<a href="#">hao123</a>
<a href="#">更多>></a>
</div>
</div>
<div class="footer">
<div>
<a href="#">把百度設為首頁</a>
<a href="#">安裝百度衛士</a>
</div>
<div>
<a href="#">加入百度推廣</a>
｜
<a href="#">關于百度</a>
｜
<a href="#">About 百度</a>
</div>
<div>
@2019Baidu，使用百度前必讀 京ICP證666號
</div>
</div>
</body>
</html>
web前端開發學習Q-q-u-n： ⑦⑧④-⑦⑧③-零①②，分享學習的方法和需要注意的小細節，不停更新最新的教程和學習方法（詳細的前端項目實戰教學視頻）
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
