<html>
<head>
<style type='text/css'>
body{background:gray;
text-align:center;
margin:0;
padding:0;}
#wapper{background:white;
width:800px;
margin:0 auto;
text-align:left;}
#branding{background:#aaaaaa;
height:120px;
line-height:120px;
font-size:2em;
text-align:center;}
#footer{background:black;
color:white;
height:80;
line-height:80px;
font-size:1.5em;
text-align:center;
clear:both;}
#content{background:yellow;
width:519px;
float:right;
}
#mainNav{
width:180px;
float:left;}
#mainNav ul{list-style:none;
margin:0;
padding:0;}
#mainNav ul a{text-decoration:none;
background:black;
color:white;
display:block;
width:150;
line-height:2em;
border-bottom:solid white 1px;
text-indent:2em;
}
#mainNav ul a:hover{background:#bbbbbb;
color:black;}
#content2{
width:100px;
float:right;}
</style>
</head>
<body>
<div id='wapper'>
<div id='branding'>
北京联合大学
</div>
<div id='content2'>
ad
</div>
<div id='content'>
内容<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>
</div>
<div id='mainNav'>
<ul>
<li><a href='#'>智慧城市学院</a></li>
<li><a href='#'>自动化学院</a></li>
<li><a href='#'>旅游学院</a></li>
<li><a href='#'>商务学院</a></li>
<li><a href='#'>艺术学院</a></li>
</ul>
</div>
<div id='footer'>
Copyright@buu.edu.cn
</div>
</body>
</html>
<html>
<head>
<style type='text/css'>
body{background:gray;
text-align:center;
margin:0;
padding:0;}
#wapper{background:white;
width:800px;
margin:0 auto;
text-align:left;}
#branding{background:#aaaaaa;
height:120px;
text-align:center;
position:relative;}
#branding div{font-size:2em;
line-height:100px;}
/******************************************/
#branding ul{list-style:none;
margin:0;
padding:0;
position:absolute;
right:0;
bottom:0;}
#branding ul li{float:left;}
#branding ul a{text-decoration:none;
background:black;
color:white;
line-height:2em;
border-right:solid white 1px;
padding:0 2em;
float:left;
}
#branding ul a:hover{background:#bbbbbb;
color:black;}
/******************************************/
#footer{background:black;
color:white;
height:80;
line-height:80px;
font-size:1.5em;
text-align:center;
clear:both;}
#content{background:yellow;
width:519px;
float:right;
}
#mainNav{
width:180px;
float:left;}
#mainNav ul{list-style:none;
margin:0;
padding:0;}
#mainNav ul a{text-decoration:none;
background:black;
color:white;
display:block;
width:150;
line-height:2em;
border-bottom:solid white 1px;
text-indent:2em;
}
#mainNav ul a:hover{background:#bbbbbb;
color:black;}
#content2{
width:100px;
float:right;}
</style>
</head>
<body>
<div id='wapper'>
<div id='branding'>
<div>北京联合大学</div>
<ul>
<li><a href='#'>秦欣琪</a></li>
<li><a href='#'>2016080332069</a></li>
<li><a href='#'>旅游学院</a></li>
<li><a href='#'>商务学院</a></li>
<li><a href='#'>艺术学院</a></li>
</ul>
</div>
<div id='content2'>
ad
</div>
<div id='content'>
内容<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>
</div>
<div id='mainNav'>
<ul>
<li><a href='#'>智慧城市学院</a></li>
<li><a href='#'>自动化学院</a></li>
<li><a href='#'>旅游学院</a></li>
<li><a href='#'>商务学院</a></li>
<li><a href='#'>艺术学院</a></li>
</ul>
</div>
<div id='footer'>
Copyright@buu.edu.cn
</div>
</body>
</html>
<html>
<head>
<script type='text/javascript'>
/*alert('hello')*/
/*confirm('alex')*/
/*prompt()*/
/*a=10
b='ddddd'
c=true*/
/*var a;
/*alert(typeof(a))*/
a=prompt()
b=prompt()
c=a+b
alert(c)*/
'5'===5
</script>
</head>
<body>
hello
</body>
</html>
