小白開始嘗試了html製作低配版的qq郵箱（炒雞低配版，所有可以點擊的按鈕都沒有，所有鏈接也都沒有設置）。因爲只有課餘時間看了不到一週，所以很多css的美化都沒有做，充滿了直男方塊，而且很多地方也寫的很麻煩
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>QQ E-mail</title>
</head>
<body>
<div id="a" style="width: 1358px; height: 62px; background: #ECF5FF; border-top: 0.02px #808080 ; border-bottom: #D2E9FF solid; position: absolute;top: 0pt;">
<img src="qqmail.jpg" />
</div>
<div style="width: 200px; height: 20px; position: absolute; top: 20px; left: 1120px;">
<font face="宋體" size="2" color="005AB5">基本版|English|手機版|企業郵箱
</font>
</div>
<div style="width: 1358px; height: 30px; background: #ECF5FF; position: absolute; top: 585px; border-top: 0.02px #D2E9FF solid;">
</div>
<div style="width: 700px; height: 30px; position: absolute; top: 588px; left: 351px;">
<font face="宋體" color="005AB5" size="1">關於騰訊 | 服務條款 | 隱私政策 | 客服中心 | 聯繫我們 | 幫助中心 </font><font size="1" color="#808080">| ©1998 - 2018 Tencent Inc. All Rights Reserved.</font>
</div>
<div style="position: absolute; top: 195px; left: 237px;">
<img src="qqmain.png" />
</div>
<div style="background: #ECF5FF; width: 340px; height: 50px; position: absolute; top: 135px ; left: 800px; border: 1px #6495ED solid;"></div>
<div style="width: 340px; height: 380px; position: absolute; top: 135px; left: 800px; border: 1px #6495ED solid; ">
</div>
<div style=" width: 280px; height: 30px; position: absolute; top: 150px ; left: 855px;">
<font face="微軟雅黑" color="#808080" size="3">快速登錄</font>
<font face="微軟雅黑" color="#000000" size="3">賬號密碼登錄</font>
</div>
<div style=" width: 300px; height: 240px; position: absolute; top: 380px ; left: 835px;">
<form name="ha" action="css/" method="post">
<input type="image" src="up.png"/>
</form>
</div>
<div style=" width: 300px; height: 240px; position: absolute; top: 220px ; left: 825px;">
<form name="haha" action="css/" method="post">
<input type="text" name="user" size="35" style="height: 25px;" />
<br />
<br />
<input type="password" name="password" size="35" style="height: 25px;" />
<br />
<br />
<input type="radio" name="way" />下次自動登錄
</form>
</div>
<div style="width: 200px; height: 30px; position: absolute; top: 475px; left: 915px;">
<font face="宋體" color="005AB5" size="1">忘了密碼？| 註冊新帳號| 意見反饋
</div>
</body>
</html>
因爲不熟悉，第一次寫了快三個小時，emmmmm…其實，更多的實在用absolute去定位花了更多時間，但是這樣大量使用絕對定位導致了一些嚴重的後果，比如：極度浪費時間；頁面比例改變之後網頁就會炸掉，變得非常混亂。這種情況下要去使用一些相對位置來去確定各部分的位置，但之一部分目前本菜雞還沒有看到，所以等以後看到了再來做更多分享吧。
還有比較突出的問題就是使用了過多的div，其實每個div中能實現好多功能，但因爲我比較菜，很多方式不知道，所以有些能合併在一起的地方都沒有合併，導致代碼比較難看。而且我沒有使用外聯的css，這也是一些問題，對於這些問題還是要去學習更多東西去更改的。