我的第一個html網頁(超精簡的QQ空間)
阿新 • • 發佈:2019-02-18
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>我的空間</title> </head> <style> h1{text-align:center; } h2{ padding-left:80px; color:#0CF; } #register{ text-align:right; padding-right:30px; } #top { width: 180px; height: 140px; position: absolute; top:150px; padding :80px; } #table{ width: 700px; height: 100px; margin-top: 70px; position: absolute; top:105px; left:400px; } #list{ left:80px; position: absolute; line-height:3em; letter-spacing:10px;} span{top:78px; position: absolute; right:10px; color:#0CF; font-size:25px; } #form{position:absolute; left:400px; margin-top:40px;} </style> <body> <h1><a href="https://user.qzone.qq.com/1452249956/infocenter " title="個人主頁">個人主頁</a></h1> <hr/> <h2>徘徊在世界的彼岸</h2> <div id="register"> <form method="post" action="save.php"> QQ賬戶: <input type="text" name="myname"/></br> QQ密碼: <input type="password" name="pass"/></br> <input type="submit" value="登入"/> </form></div> <div id="top" > <img src="https://qlogo1.store.qq.com/qzone/1452249956/1452249956/100?1519953696" style="border:1px dashed #CCCCCC; width:150px; height:150px; "title="我的頭像" /> <span>鹹の魚</span> <table id="table" > <tr> <td>主頁</td> <td>日誌</td> <td>相簿</td> <td>留言板</td> <td>說說</td> <td>個人檔</td> <td>音樂</td> <td>更多</td> </tr> </div> <div id="form"> <form method="post" action="save.php"> <textarea cols="100" rows="10" >在這裡輸入內容...</textarea> <input type="submit" value="發表說說"/> </form> </div> <div id="list"> <ol> <li>好友動態</li> <li>特別關心</li> <li>與我相關</li> <li>那年今日</li> <li>企鵝輔導</li> <li>遊戲應用</li> <li>我的收藏</li> </ol> </div> <!--<img src="imagine/1.png" /> </body> </html>