我的第一个作业html HTML-用基础标签编写一个网页 - 已锁定

urfyyyy   ·   发表于 2018-08-20 16:48:48   ·   CTF&WP专版

<!DOCTYPE html>
<!--代码中有很多不合理的地方,firefox打开-->
<html>
    <head>
        <meta charset="utf-8">
        <title>个人介绍</title>
        <script type="text/javascript">
                alert('禁止登录');
                window.close();
        </script>
        <style type="text/css">
        * {
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        }
        html, body {
        margin: 0;
        padding: 0;
        font: 16px/1.4 'Lato', sans-serif;
        color: #fefeff;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        }
        body {
        background: rgb(8,5,16);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        }
    
        h1 {
        font: 2.75em 'Cinzel', serif;
        font-weight: 400;
        letter-spacing: 0.35em;
        text-shadow: 0 0 25px rgba(254,254,255,0.85);
        }
        h2 {
        font: 1.45em '微软雅黑', serif;
        font-weight: 400;
        letter-spacing: 0.5em;
        text-shadow: 0 0 25px rgba(254,254,255,0.85);
        text-transform: lowercase;
        }

    

            .header{
                width:960px;
                height:80px;
                margin:0 auto;
                
                padding-top:28px;
                box-sizing:border-box;
            }
            .header .logo{
                width: 644px;
                height: 50px;
                /*background: url("images/1.png") no-repeat 0 0;*/
                float: left;
            }
            .header .logo a{
                display: inline-block;
                width: 130px;
                height: 27px;
                
            }
            .header .links{
                width: 200px;
                height: 27px;
                
                float: right;
                text-align: right;
            }
            .header .links a{
                text-decoration: none;
                font-size: 12px;
                color: gray;
                line-height: 27px;
                
            }

            .content{
                width:960px;
                height:600px;
                margin:0 auto;
                /*background-color:green;*/
            }
            .content .top{
                width: 960px;
                height: 38px;
                /*background-color: red;*/
                background: url("") repeat-x;
            }
            .content .top h1{
                width: 960px;
                height: 38px;
                color: #7B68EE;
                
            }
            .content .bottom{
                width: 960px;
                height: 562px;
                /*background-color: black;*/
            }

            .footer{
                width:960px;
                height:48px;
                margin:0 auto;
                /*background-color:blue;*/
            }



            .content .container {
            display: table;
            position: absolute;
            z-index: 20;
            width: 100%;
            height: 100%;
            text-align: center;
            cursor: none;
            }
            .content .container > div {
            display: table-cell;
            vertical-align: middle;
            }
            .content .container p {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 25px;
            font-size: 0.8em;
            letter-spacing: 0.1em;
            font-weight: 300;
            color: #76747a;
            -webkit-font-smoothing: subpixel-antialiased;
            font-smoothing: subpixel-antialiased;
            }
            .content .container p strong {
            color: #b3abc5;
            }
            .content .container p span {
            font-size: 0.75em;
            padding: 0 2px;
            }
        </style>

    </head>
    <body>

    <div class="header">
        <div class="logo">
            <a href="#" title=""></a><a href="#" title=""></a><a href="#" title=""></a>
        </div>
        <div class="links">
            <a href="#">了解更多</a>
            |
            <a href="#">联系我</a>
        </div>
    </div>    

    <div class="content">
        <div class="top">
            <h1><marquee direction =”left” behavior="alternate" scrollamount="10">个人简介</marquee></h1>
        </div>
        <hr>
        <br><br>
        <div class="bottom">
            <P>大家好,我是桐镜i,从今天开始学习web安全</P>
            <P>很高兴认识大家,独脚难行,孤掌难鸣,希望在以后的学习过程中和大家多多交流</P>
            <p>攻 <strong>防无绝对</strong><br>技 <strong>术无黑白</strong><br>
            <em>人生如棋,我愿为卒,行动虽慢,但谁曾见我后退一步</em></p>
        </div>

        <div class="container">

            <div>
            <h1 id="h1">桐镜i</h1>
            <h2 id="h2">I Love China!</h2>
            <h3 id="h3">新生初来乍到,请多关照~</h3>
            </div>
        </div>

    </div>

    <div class="footer">
        <center><script language="Javascript" src="http://www.ip2phrase.com/ip2phrase.asp?template=country : <COUNTRY> city : <CITY> <FLAG> Ip Adress : <IP>"></script></center>
    </div>
    <embed src="http://5sing.kugou.com/bz/2665430.html" width=0 height=0 border="0" loop=-2></embed>
    </body>
</html>

打赏我,让我更有动力~

1 条回复   |  直到 2018-8-20 | 1583 次浏览

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

通过,金币奖励已发放。

embed标签的loop许写一个正整数、true、false中的一个,且必须使用引号。

embed标签的结束标签不合理。

正确写法为

<embed src="http://5sing.kugou.com/bz/2665430.html" width=0 height=0 border="0" loop="2" />


评论列表

  • 加载数据中...

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

© 2016 - 2024 掌控者 All Rights Reserved.