QQ空间制作_HTML作业 - Locked

木木   ·   发表于 2018-6-24   ·   CTF&WP专版

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>qq空间</title>

<meta name="keywords" content="/">

<meta name="description" content="/">

</head>

<style type="text/css">

#biaoge {

position: absolute;

left: 750px;

top: 170px;

width: 463px;

height: 181px;

z-index: 1;

}

#li{

position: absolute;

left: 730px;

top: 301px;

width: 463px;

height: 181px;

}

</style>

<body background="img/1.jpg">

<img src="https://qzonestyle.gtimg.cn/qzone_v6/proj_qzonelogin/img/qzone-login-logo-dark.32.png" style="margin:150px 0 0 200px;">

    <form>

        <div id="biaoge">

            <p>账号密码登录</p>

        <input type="text" name="firstname" placeholder="请输入账号"></br>

                <input type="password" name="lastname" placeholder="请输入密码"></br>

                <input type="submit" name="submit" id="submit" value="提交"></br>

<a href="#" target="_blank">忘记密码?</a> <span></span><a href="#" target="_blank">注册新账号</a> <span></span><a href="#" target="_blank">意见反馈</a></div>

        </form>

        

        <div id="li">

            <ul>

                <li><a href="#"><i></i><span>iphone</span></a></li>

                    <li><a href="#"><i></i><span>ipad</span></a></li>

                    <li><a href="#"><i></i><span>android</span></a></li>

                    <li><a href="#"><i></i><span>windows phone</span></a></li>

                    <li><a href="#"><i></i><span>其他手机</span></a></li>

                </ul>

            </div>

            <div style="margin:400px 230px 90px 175px;">

            <p> <a href="#">反馈意见</a>

                <a href="#">官方空间</a>

                <a href="#">空间活动</a>

                <a href="#">空间应用</a>

                <a href="#">腾讯原创馆</a>

                <a href="#">QQ互联</a>

                <a href="#">QQ登录</a>

                <a href="#">社交组件</a>

                <a href="#">应用侵权投诉</a>

                <a href="#">Complaint Guidelines</a>

                </p>

                <p>Copyright &copy; 2005 - 2018 Tencent.<a href="#">All Rights Reserved</a></p>

                <p>腾讯公司 <a href="#">版权所有</a> <a href="#">粤网文[2017]6138-1456号</a></p>

</div>

            </div>

           

</body>

</html>

打赏我,让我更有动力~

1 Reply   |  Until 2018-6-24 | 802 View

Track-方丈
发表于 2018-6-24

通过

评论列表

  • 加载数据中...

编写评论内容
LoginCan Publish Content
返回顶部 投诉反馈

掌控者 © 2016. All Rights Reserved. 掌控者

Powered by 掌控者 Version 2.1.3