论坛首页 > CTF&WP专版

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

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

<!DOCTYPE html>

<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 | 1737 次浏览

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" />

评论列表

加载数据中...

编写评论内容

登录后才可发表内容

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

评论列表 默认排序 默认排序 最新回复

评论列表