我的第一个作业html HTML-用基础标签编写一个网页 - 已锁定
<!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>
打赏我,让我更有动力~
返回首页
CTF&WP专版
Track-方丈
发表于 2018-8-20
通过，金币奖励已发放。
embed标签的loop许写一个正整数、true、false中的一个，且必须使用引号。
embed标签的结束标签不合理。
正确写法为
评论列表
加载数据中...