1.2、HTML常见标签 - QQ空间框架[作业]

wwwkkkzzz2010   ·   发表于 2018-08-11 09:34:19   ·   CTF&WP专版

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>1.2、HTML常见标签 - QQ空间框架</title>
  <meta name="description" itemprop="description" content="QQ空间(Qzone)是中国最大的社交网络,是QQ用户的网上家园,是腾讯集团的核心平台之一。您可以玩游戏、玩装扮、上传照片、写说说、写日志,黄钻贵族还可以免费换装并拥有多种特权。" /><meta name="description" content="QQ空间(Qzone)是中国最大的社交网络,是QQ用户的网上家园,是腾讯集团的核心平台之一。您可以玩游戏、玩装扮、上传照片、写说说、写日志,黄钻贵族还可以免费换装并拥有多种特权。" />
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <style>
            .header {
                text-align:left;
                padding:5px;
                text-align: left;
                height: auto;
                padding:10px;
            }
            .section {
                float:left;
                padding:10px;
                align-self: center;
                width: 100%;
                margin:0 auto;              
            }
      
            .download {
                float:left;
                padding:10px;
                align-self: center;
                width: 100%;
                margin:0 auto;
                height:150px;
            }
           
            .footer {
                background-color: transparent;
                color:white;
                clear:both;
                text-align:center;
                padding:5px;
                height:40px;
            }
            .footer div {
                width: 1900px;
                height: 40px;
                left:0;
                top: 0;
                bottom: 0;
                right: 0;
                margin:0 auto;
            }
            .footer ul li {
                width:100px;
                height:40px;
                float:left;
            }
            a {
                color: blue;
            }
   a:hover{
   color:red;
   }
   
            .copyright p {
   padding-left:20px;
       float:left;
                color: black;
    font-weight:bold;
            }
        </style>
    </head>

    <body>

        <div>
            <h1>帐号密码登陆</h1>
        </div>

        <div>
            <div id="CustomerLoginForm">             
                <hr>
                <form method="post" id="customer_login" accept-charset="utf-8">
                    <div>
                        <label for="CustomerEmail">帐号</label>
                        <input type="text" name="email" id="CustomerEmail" value="" autocorrect="off" autocapitalize="off" autofocus>
                        <br/><br/>                        <label for="CustomerPassword">密码</label>                  
                        <input type="password" value="" name="password" id="CustomerPassword">

                        <input type="checkbox" id="savepwd">
                        <label>保存密码</label>
                        <br/><br/>                        <input type="submit" value="提交" id="submit">
                         <br/><br/>                        <a href="">忘记密码</a>
                         |
                        <a href="/">注册</a>
                    </div>
                </form>
            </div>
        </div>

        <div>
            <div>
                <ul>
                    <li><a>iPhone</a></li>
                    <li><a>iPad</a></li>
                    <li><a>Android</a></li>
                    <li><a>Windows Phone</a></li>
                    <li><a>其他手机</a></li>
                </ul>
            </div>
        </div>

        <div>
            <div>
                <ul>
                    <li><a>联系我们</a></li>
                    <li><a>官方空间</a></li>
                    <li><a>活动</a></li>
                    <li><a>应用</a></li>
                    <li><a>登陆</a></li>
                    <li><a>社交</a></li>
                    <li><a>投诉</a></li>
                </ul>
            </div>
            <div>
                <p id="cp">
                    ©2015-2018 tencent.All Right reserved.
                </p>
            </div>
        </div>

    </body>
</html>

打赏我,让我更有动力~

1 条回复   |  直到 2018-8-13 | 3698 次浏览

Track-方丈
发表于 2018-8-13

BR标签写错

评论列表

  • 加载数据中...

编写评论内容
登录后才可发表内容
返回顶部 投诉反馈

© 2016 - 2024 掌控者 All Rights Reserved.