<!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>
我的第一个html网页(超精简的QQ空间)
猜你喜欢
转载自blog.csdn.net/Mr_Feng07007/article/details/79953653
今日推荐
周排行