生活随笔
收集整理的這篇文章主要介紹了
记录第一次写静态网页-百度首页
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
馬馬虎虎學了一個周的html+css,開始了自己人生中的第一個網頁編寫，記錄一下
感受
跟著綠葉學習網上計劃完成了html和css的學習，然后就是完成第一個”大作業“
整個編寫過程中個人覺得最難的是元素的布局，也就是把元素放到自己想要的位置去，然而這也是html要完成的核心任務，在知乎上提了個問，大多數回答還是要多練，但也有人說不要一開始就做項目，要夯實基礎。我個人覺得其實做一個靜態網頁是對小白提升最快的途徑。遇到問題時，要么百度，但是不知道是不是html太簡單的原因，感覺百度大多是關于css樣式的問題，很多在布局上的問題都解決不了，只能對著百度首頁檢查元素，自己一個一個慢慢試，哎~花了兩個晚上總體加起來大約7小時，就完成了一個百度首頁，原本完成第一個網頁的激動感直接沒有了。。然而打開csdn首頁第一個視頻就是 一位大佬花一天時間完成了京東官網的編寫。。。。這次第，怎一愁字了得。
今天看了一些js的內容，因為專業有學過c++課程，所以現在基礎部分能懂，不過之后的很多東西就得重頭開始學習了。
這個周的學習感覺很潦草，周末還有MATLAB期末考試，復習復習復習！
前路漫長~加油！
<!DOCTYPE html>
<html>
<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"><title>百度一下，你就知道
</title><style type="text/css">div{display: block;}.wraaper_new{position: relative;height: 100%;width: 100%;min-height: 768px;cursor: default;}.head{position:absolute;width:100%;min-width: 1000px;}.head1{margin-top: 25px;}.head2_l{ color: black;float:left;line-height:22px;font-size: 15.5px;text-align:center;padding:0 27px;margin-left:-6px;}.head2_r{line-height:22px;color: black;float:right;text-align:center;margin-right: 30px; font-size: 15.5x; padding-left:20px;}a{text-decoration:none;} .search{position:relative;width:100%;min-width: 1000px;margin:0 auto;text-align: center;}.ico{position: absolute;text-align: center;width: 100%;padding-top: 22px ;}img{width: 350px;height: 160px;}.textbox{position:relative;text-align: center;margin-top: 15px ;border-radius:20px 0 0 20px;width: 750px;height: 50px;border-color:rgb(25, 162, 216);text-align: left;font-size: 20px;outline: medium;}.search_btn{position: relative;left:1200px;top: -58.5px;float: left;} .clear{clear:both;}</style>
</head>
<body><div id="wrapper" class="wrapper_new"><div class=“head“><div class="head1"><a href="http://news.baidu.com/" target="_blank";>
<div class="head2_l">新聞
</div></a><a href="https://www.hao123.com/"target="_blank";>
<div class="head2_l">hao123
</div></a><a href="http://map.baidu.com/"target="_blank";>
<div class="head2_l">地圖
</div></a><a href="https://live.baidu.com/"target="_blank";>
<div class="head2_l">直播
</div></a><a href="https://haokan.baidu.com/?sfrom=baidu-top"target="_blank";>
<div class="head2_l">視頻
</div></a><a href="http://tieba.baidu.com/"target="_blank"><div class="head2_l";>貼吧
</div></a><a href="http://xueshu.baidu.com/"target="_blank"><div class="head2_l";>學術
</div> </a> <a href="http://www.baidu.com/more/"target="_blank"><div class="head2_l";>更多
</div></a><a href="https://www.baidu.com/my/" target="_blank";>
<div class="head2_r">用戶
</div></a><a href="https://www.baidu.com/s?tn=baidutop10&rsv_idx=2&wd=%E9%9D%92%E5%B2%9B%E5%A4%A9%E6%B0%94%E9%A2%84%E6%8A%A5" target="_blank"; >
<div class="head2_r">15°C
</div></a><div class="head2_r">設置
</div></a><a href="http://news.baidu.com/" target="_blank";>
<div class="head2_r">優
</div></a><a href="https://www.baidu.com/s?tn=baidutop10&rsv_idx=2&wd=%E9%9D%92%E5%B2%9B%E5%A4%A9%E6%B0%94%E9%A2%84%E6%8A%A5" target="_blank";>
<div class="head2_r">青島
</div></a><div class="clear"></div> </div></div><div class="search"><div class="ico"><a href="https://www.baidu.com/s?wd=%E4%BB%8A%E6%97%A5%E6%96%B0%E9%B2%9C%E4%BA%8B&tn=SE_Pclogo_6ysd4c7a&sa=ire_dl_gh_logo&rsv_dl=igh_logo_pc" target="_blank"><img src="https://www.baidu.com/img/bd_logo1.png?where=super" width=270 height=130 alt="" title="百度一下，你就知道"></a> <div class="serach_wrapper"><div calss="textbox"><input type="text" class="textbox" maxlength="100" autocomplete="off"></div><div class="search_btn" ><input type="button" value="百度一下" style="
cursor:pointer;
height:56px;
width:110px;
color:#fff;
background:#4e6ef2;
border-radius:0 20px 20px 0;
outline:none;
font-size:17px;
border:none;
position: relative;
left: -6px;
top: 2px;
cursor:pointer;" ></div></div></div></div>
</body>
</html>
總結
以上是生活随笔為你收集整理的记录第一次写静态网页-百度首页的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
