用我对HTML的点点理解来做个简单的百度首页
生活随笔
收集整理的這篇文章主要介紹了
用我对HTML的点点理解来做个简单的百度首页
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
為什么80%的碼農都做不了架構師？>>> ??
????在我心里，HTML一直以來都是一個新鮮而神秘的東西，好多次想靜下心來研究研究，最終因為各種原因擱置下來。終于，最近終于有時間看看其中的奧妙了。
????通過最近的學習，對它有了一定的了解，雖然不是很深入，但是可以拿的出手，跟大家分享一下。希望促進彼此的學習。
????我對HTML的第一感覺就是，結構清晰，使用方便，可能這也是瀏覽器語言的優勢與必須要具有的特性吧。因為任何一種臃腫的語言，都滿足不了瀏覽器速度或性能的要求。
????最近有試著編寫一下小代碼，越來越有感覺，其實如果要做好HTML，是需要足夠的耐心的，因為你要不斷地保證標簽的前后匹配與樣式的施用準確。
????遵循以往的風格，我們用代碼來討論HTML吧！
? ? 規劃圖：
代碼：（注：這是個粗糙的不能再粗糙的代碼，有興趣的朋友可以繼續完善，百度與大牛勿怪:-D）
<html><!--首先來分析一下，我要實現的是靜態頁面，我們可以把 百度首頁劃分成七個區域：1.標簽欄：直接在head里設置title即可，ico先忽略2.搜索設置，登錄，注冊，作為第一個塊，用鏈接實現3.logo：作為第二個塊，用img載入4.搜索種類標簽頁：第三個塊，用鏈接實現5.輸入框與按鈕：第四個塊，用表單實現6.更多：第五個塊用鏈接實現7.最底下的各種，用表格加鏈接實現--><head><title>百度一下，你就知道</title><meta http-equiv="content-type" content="text/html;charset=gbk"><!--下面標題是顯示在瀏覽器標簽上的名字--><style>body{font-size:12px;}#d1{float:right;}a{color:blue;margin-right:3px;}a:hover{color:red;}table{align:center;}</style></head><body><!--第一個塊--><div id="d1" style="margin-right:20px;"><a href="http://www.baidu.com/gaoji/preferences.html">搜索設置</a><a>|</a><a href="#">登錄</a><a href="https://passport.baidu.com/v2/?reg®Type=1&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F">注冊</a></div><div style="height:40px;"></div><!--第二個塊--><div><center><img src="logo.png"></center></div><!--第三個塊--><div style="font-size:14px;margin-top:30px;"><center><a href="#">新 聞</a><a href="#">網 頁</a><a href="#">貼 吧</a><a href="#">知 道</a><a href="#">音 樂</a><a href="#">圖 片</a><a href="#">視 頻</a><a href="#">地 圖</a></center></div><!--第四個塊--><div style="margin-top:5px;"><center><input type="text" style="width:390px;height:30px;"/><center></div></body> </html>
轉載于:https://my.oschina.net/javacy/blog/92774
總結
以上是生活随笔為你收集整理的用我对HTML的点点理解来做个简单的百度首页的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： vtkBorderWidget设置窗口位
- 下一篇： 移动互联网时代 浏览器不可能干掉App