div简单布局
<html>
<head>
<style>
#a{width:900px; padding-left:240px;}
#b{height:200px;width:900px; background-image: url(http://www.51pptmoban.com/d/file/2015/07/04/a92aca0203cc64f968dd751d87e6ed5f.jpg);}
#c{height:700px; width:900px;}
#d{float:left; height:700px; width:100px; background-image: url(http://p3.so.qhimg.com/t01d7a0e52205facac8.jpg);}
#e{float:right; height:700px; width:800px;}
#f{height:700px; width:800px; background-image: url(http://www.zige365.com/Files/2010052215570987231.jpg);}
#h{float:right;width:900px;heigh:300;background-color:#32CD32;}
</style>
</head>
<body>
<div id="a">
<div id="b"><br/><br/><br/><br/><font size=65 style="color:#00FF00"><b>        
青    春    飞    扬<b></font></div>
<div id="h">                 
<b>QQ 昵 称<b>：<input type="text" name="username" value="请输入用户名" style="height:30px;">
<b>QQ 密 码<b>：<input type="password" name="password" style="height:30px;">    
<a href="http://denglu.com"/ target="0"><b>QQ登录<b>    
<a href="http://zc.qq.com/chs/index.html"/ target="0"><b>注册QQ<b>
</div>
<div id="c">
<div id="d"><br/><a style="color:#FFFFE0" href="http://www.baidu.com"/ target="0"><h1>百 度<br/><br/>
<a style="color:#FFFFE0" href="http://www.sina.com.cn"/ target="0">新 浪<br/><br/>
<a style="color:#FFFFE0" href="http://www.sohu.com"/ target="0">搜 狐<br/><br/>
<a style="color:#FFFFE0" href="http://www.qq.com"/ target="0">腾 讯<br/><br/>
<a style="color:#FFFFE0" href="http://www.163.com"/ target="0">网 易<br/><br/>
<a style="color:#FFFFE0" href="http://www.youku.com"/ target="0">优 酷<br/><br/>
<a style="color:#FFFFE0" href="http://music.so.com"/ target="0">音 乐<br/><br/>
<a style="color:#FFFFE0" href="https://www.tmall.com"/ target="0">天 猫<br/><br/></h1>
</div>
<div id="e">
<div id="f"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<font size=5 style="color:#000080">青春飞扬，飞扬青春，<br/>      初冬的寒意，
敌不过我们似火的热情，霓虹灯的绚烂，早已逊色于我们的鲜亮，我的未来不是梦，迸发了所有青春激情，青春飞扬，飞扬青春，
一首将我们锐变的赞歌、曾经的年少轻狂，曾经的懵懂烂漫，我们拥有就以足够，回忆就以美好，意气风发， 豪情万丈，心怀抱负，
那是我们对青春的不老誓言，青春无悔，我们永远的约定，青春飞扬，飞扬青春青春， 属于我们的音符，永远跳动在时光的五线谱上，
青春，属于我们的天狼星，永远是万里苍穹最亮的一颗，青春，我们微笑，快乐，美好，幸福。</div>
</div>
</div>
</div>
</body>
<html>
<head>
<style>
#a{width:900px; padding-left:240px;}
#b{height:200px;width:900px; background-image: url(http://www.51pptmoban.com/d/file/2015/07/04/a92aca0203cc64f968dd751d87e6ed5f.jpg);}
#c{height:700px; width:900px;}
#d{float:left; height:700px; width:100px; background-image: url(http://p3.so.qhimg.com/t01d7a0e52205facac8.jpg);}
#e{float:right; height:700px; width:800px;}
#f{height:700px; width:800px; background-image: url(http://www.zige365.com/Files/2010052215570987231.jpg);}
#h{float:right;width:900px;heigh:300;background-color:#32CD32;}
</style>
</head>
<body>
<div id="a">
<div id="b"><br/><br/><br/><br/><font size=65 style="color:#00FF00"><b>        
青    春    飞    扬<b></font></div>
<div id="h">                 
<b>QQ 昵 称<b>：<input type="text" name="username" value="请输入用户名" style="height:30px;">
<b>QQ 密 码<b>：<input type="password" name="password" style="height:30px;">    
<a href="http://denglu.com"/ target="0"><b>QQ登录<b>    
<a href="http://zc.qq.com/chs/index.html"/ target="0"><b>注册QQ<b>
</div>
<div id="c">
<div id="d"><br/><a style="color:#FFFFE0" href="http://www.baidu.com"/ target="0"><h1>百 度<br/><br/>
<a style="color:#FFFFE0" href="http://www.sina.com.cn"/ target="0">新 浪<br/><br/>
<a style="color:#FFFFE0" href="http://www.sohu.com"/ target="0">搜 狐<br/><br/>
<a style="color:#FFFFE0" href="http://www.qq.com"/ target="0">腾 讯<br/><br/>
<a style="color:#FFFFE0" href="http://www.163.com"/ target="0">网 易<br/><br/>
<a style="color:#FFFFE0" href="http://www.youku.com"/ target="0">优 酷<br/><br/>
<a style="color:#FFFFE0" href="http://music.so.com"/ target="0">音 乐<br/><br/>
<a style="color:#FFFFE0" href="https://www.tmall.com"/ target="0">天 猫<br/><br/></h1>
</div>
<div id="e">
<div id="f"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<font size=5 style="color:#000080">青春飞扬，飞扬青春，<br/>      初冬的寒意，
敌不过我们似火的热情，霓虹灯的绚烂，早已逊色于我们的鲜亮，我的未来不是梦，迸发了所有青春激情，青春飞扬，飞扬青春，
一首将我们锐变的赞歌、曾经的年少轻狂，曾经的懵懂烂漫，我们拥有就以足够，回忆就以美好，意气风发， 豪情万丈，心怀抱负，
那是我们对青春的不老誓言，青春无悔，我们永远的约定，青春飞扬，飞扬青春青春， 属于我们的音符，永远跳动在时光的五线谱上，
青春，属于我们的天狼星，永远是万里苍穹最亮的一颗，青春，我们微笑，快乐，美好，幸福。</div>
</div>
</div>
</div>
</body>
<html>