html,模仿製作百度首頁
模仿百度首頁，試著學習一個javaweb，第一個試著模仿 百度首頁
!!!那些圖片只能自己來找了!!!
<html>
<head>
<title>百度頁面</title>
<style>
.searchBox{
background-image:url("3.png");
background-repeat:no-reapeat;
padding-left:20px;
}
</style>
</head>
<body>
<!-- 頂部設定 -->
<!-- ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ -->
<p align="right">
<a href="www.baidu.com"><font color="#000000" face="隸書" size="3"><b>新聞</b></font></a>  
<a href="www.baidu.com"><font color="#000000" face="隸書" size="3"><b>hao123</b></font></a>  
<a href="www.baidu.com"><font color="#000000" face="隸書" size="3"><b>地圖</b></font></a>  
<a href="www.baidu.com"><font color="#000000" face="隸書" size="3"><b>視訊</b></font></a>  
<a href="www.baidu.com"><font color="#000000" face="隸書" size="3"><b>貼吧</b></font></a>  
<a href="www.baidu.com"><font color="#000000" face="隸書" size="3"><b>學術</b></font></a>  
<a href="www.baidu.com"><font color="#000000" face="隸書" size="3">登入</font></a>  
<a href="www.baidu.com"><font color="#000000" face="隸書" size="3">設定</font></a>  
<a href="www.baidu.com" style="background:#1E90FF;color:white;text-decoration:none"><font face="隸書" size="3" >更多產品</font></a>
</p><br><br><br><br>
<!-- 頂部設定 -->
<!-- ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ -->
<center>
<!-- 百度主頁圖片 -->
<!-- ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ -->
<p><img src="E:\RuiDeJY\8.28HTML入門\HTML入門第一節\網頁案例\1.png" name="baidu" width="270px" title="點選一下,瞭解更多" alt="百度"/></p>
<!-- 百度主頁圖片 -->
<!-- ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ -->
<!-- 搜尋部分 -->
<!-- ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ -->
<p>
<input type="text" style="width:650px; height:38px; vertical-align:middle; bordercolor:#1E90FF; "/>
<input type="button" value="百度一下" style="background:#1E90FF;face:宋體;font-size:15; color:#FFFFFF; border:none; width:100px; height:40px; margin-left:-5px; vertical-align:middle;">
</p><br><br><br><br><br><br><br><br><br><br>
<!-- 搜尋部分 -->
<!-- ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ -->
<!-- 二維碼 -->
<!-- ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ -->
<p>
<img src="E:\RuiDeJY\8.28HTML入門\HTML入門第一節\網頁案例\2.png" name="erweima" width="60px"/><br/>
<font size="2 " color="#696969"><b>手機百度</b></font>
</p>
<!-- 二維碼 -->
<!-- ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ -->
<!-- 底部設定 -->
<!-- ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ -->
<p>
<a href="www.baidu.com" ><font size="2" face="隸書" color="#808080">把百度設為主頁</font></a> 
<a href="www.baidu.com" ><font size="2" face="隸書" color="#808080">關於百度</font></a> 
<a href="www.baidu.com" ><font size="2" face="隸書" color="#808080">About Baidu</font></a> 
<a href="www.baidu.com" ><font size="2" face="隸書" color="#808080">百度推廣</font></a>
<p>
<p>
<font size="2" face="隸書" color="#808080">@copy2017 Baidu</font>
<a href="www.baidu.com" ><font size="2" face="隸書" color="#808080">使用百度前必讀</font></a> 
<a href="www.baidu.com" ><font size="2" face="隸書" color="#808080">意見反饋</font></a> 
<font size="2" face="隸書" color="#808080">京ICP證030173號</font>
<img src="E:\RuiDeJY\8.28HTML入門\HTML入門第一節\網頁案例\3.png"/ width="16px" height="20px">
<a href="www.baidu.com" ><font size="2" face="隸書" color="#808080">京公網安備1100000200001號</font></a> 
<img src="E:\RuiDeJY\8.28HTML入門\HTML入門第一節\網頁案例\4.png"/ width="17px" height="20px">
<p>
<!-- 底部設定 -->
<!-- ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ -->
</center>
</body>
</html>
這是真正的百度首頁(點開放大看)：
這是自己模仿的 html 百度首頁:
