我的第一个html网页(超精简的QQ空间)

<!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 css
个人分类: html css
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭