黑客马拉松
来自CloudWiki
- “黑客马拉松”是云计算小组的每周一赛，
- 面向全体黑客征集下一周的比赛题目：
- 有兴趣的同学点击上方的‘编辑’，直接把题目写到下面即可：
- 异性交友
- 游戏之王
- 黑客马拉松第5期 我的博客我最炫
- 文件:W11-21.png
- 请自创格式或采用文中格式建立自己的博客一个
- 源代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{letter-spacing:0.2em;}
h2{text-align:center;}
p{text-align:left;}
h3{text-align:center;}
#layer1{width:100%; height:100px; background:#F75000;color:white;text-align:center;}
#layer1 h1{height:100px;line-height:100px;}
#layer2{width:100%; height:auto;margin:0px auto;color:black;}
#layer2-1{
width:30%; height:auto;
padding-top:2%;margin:0 auto;
color:black;text-align:center;float:left;
}
#layer2-1 p{text-align:center;line-height:250%;}
#layer2-2{
width:60%; height:auto;
margin:0 auto;color:black;
text-align:center;float:left;
}
.content p{text-indent:2em;line-height:150%;}
.content_img {width:300px;float:left;padding:5px; margin:5px 15px 15px 0; }
#source {text-align:right;}
#layer2-3{clear:both;}
#layer3{
width:100%; height:30px;
background:#F75000;;color:white;
text-align:center;
}
#layer3 p{
height:30px;line-height:30px;
text-align:center;
}
</style>
</head>
<body>
<div id="layer1"><h1>小张飞的博客</h1></div>
<div id="layer2" >
<div id="layer2-1">
<p><a href="">个人介绍</a></p>
<p><a href="">家乡籍贯</a></p>
<p><a href="">爱好特长</a></p>
<p><a href="">兴趣收藏</a></p>
<p><a href="">同城交友</a></p>
</div>
<div id="layer2-2" class="content">
<h3>学院简介</h3>
<hr />
<img class="content_img" src="1.jpg">
<p>小时侯把English读为"应给利息"的同学当了行长；读为"阴沟里洗"的成了小菜贩子；读为"因果联系"的成了哲学家；读为"硬改历史"的成了政治家；读为"英国里去"的成了海外华侨；读为“应该你死”的成了野心家；而我不小心读成了"应该累
死" 结果成了普通教师.......（这是开博以前写的自我介绍）</p>
<p>我-------一个被人看作另类的老师 ！对于我，有人不屑，因为我不打麻将，不喜欢进舞厅。有人不齿，因为我标新立异，崇尚时髦。有人不满，因为我自信、工作出色，无可挑剔。十几年来，年年优秀班主任，我是有名的工作狂，（还是优秀共产党员哦，哈哈，是
不是有点大言不惭啊）。知道我上网，一无知领导诧异：听说你还在上网？甚至居心叵测地问：那一定有网友喽？可是不是年纪大就不需要精神生活了啊？</p>
<p id="source"><i>来源：我的博客</i></p>
</div>
<div id="layer2-3"></div>
</div>
<div id="layer3"><p>学校地址：济南市旅游路4516号 邮编：250103</p></div>
</body>
</html>
