console
<header id="header">音乐风云榜</header>
<menu class="menu">
<table class="ta">
<tr><td><button class="button">年度TOP</button></td></tr>
<tr><td><button class="button">歌单</button></td></tr>
<tr><td><button class="button">歌手</button></td></tr>
</table>
</menu>
<content>
<table class="table">
<tr><td class="td1">热门歌手
</td></tr>
<tr><td>
<table class="biaoge">
<tr>
<td><div class="u-cover u-cover-5"><img src="http://p3.music.126.net/Q_ExePNkmgB2yWyLp12dYg==/18569651883380118.jpg?param=130y130"><a title="周杰伦的音乐" href=" /artist?id=6452" class="msk"></a></div><p><a href=" /artist?id=6452" class="nm nm-icn f-thide s-fc0" title="周杰伦的音乐">周杰伦</a></p></td>
<td><div class="u-cover u-cover-5"><img src="http://p4.music.126.net/cnGpIQ6rQCKVrDyVVSpzeg==/3263350518850877.jpg?param=130y130"><a title="林俊杰的音乐" href=" /artist?id=3684" class="msk"></a></div><p><a href=" /artist?id=3684" class="nm nm-icn f-thide s-fc0" title="林俊杰的音乐">林俊杰</a></p></td>
<td><div class="u-cover u-cover-5"><img src="http://p3.music.126.net/6xgsfT2ZLjdgzbwO4UiGwA==/3285340746016446.jpg?param=130y130"><a title="陈奕迅的音乐" href=" /artist?id=2116" class="msk"></a></div><p><a href=" /artist?id=2116" class="nm nm-icn f-thide s-fc0" title="陈奕迅的音乐">陈奕迅</a></p></td>
</tr>
<tr>
<td>
<div class="u-cover u-cover-5">
<img src="http://p4.music.126.net/5C4hU3xFujeEbE6e_AqpwQ==/770757651096525.jpg?param=130y130">
<a title="李健的音乐" href="/artist?id=3695" class="msk"></a>
</div>
<p>
<a href=" /artist?id=3695" class="nm nm-icn f-thide s-fc0" title="李健的音乐">李健</a>
<a class="f-tdn" href="/user/home?id=2651022" title="李健的个人主页"><i class="u-icn u-icn-5"></i></a>
</p>
</td>
<td><div class="u-cover u-cover-5"><img src="http://p3.music.126.net/ULlwJ2drOfYv-f6-_7jGGQ==/3250156379592966.jpg?param=130y130"><a title="薛之谦的音乐" href=" /artist?id=5781" class="msk"></a></div><p><a href=" /artist?id=5781" class="nm nm-icn f-thide s-fc0" title="薛之谦的音乐">薛之谦</a> <a class="icn u-icn u-icn-5" href="/user/home?id=97137413" title="薛之谦的个人主页"></a></p></td>
<td>
<div class="u-cover u-cover-5">
<img src="http://p3.music.126.net/Q4JSaV98wuU6xElATsFjAw==/3261151495434543.jpg?param=130y130">
<a title="杨宗纬的音乐" href="/artist?id=6066" class="msk"></a>
</div>
<p>
<a href=" /artist?id=6066" class="nm nm-icn f-thide s-fc0" title="杨宗纬的音乐">杨宗纬</a>
<a class="f-tdn" href="/user/home?id=818067" title="杨宗纬的个人主页"></a>
</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="td1">华语组合
</td></tr>
<tr><td>
<table class="biaoge">
<tr>
<td>
<div class="u-cover u-cover-5">
<img src="http://p4.music.126.net/vSTfsnbL-kDJ5a7krBYWQg==/3362306558224859.jpg?param=130y130">
<a title="好妹妹乐队的音乐" href="/artist?id=711683" class="msk"></a>
</div>
<p>
<a href=" /artist?id=711683" class="nm nm-icn f-thide s-fc0" title="好妹妹乐队的音乐">好妹妹乐队</a>
<a class="f-tdn" href="/user/home?id=556458" title="好妹妹乐队的个人主页"><i class="u-icn u-icn-5"></i></a>
</p>
</td>
<td>
<div class="u-cover u-cover-5">
<img src="http://p4.music.126.net/wuaNikQW2tPPFN0Oe5Rk9w==/80264348845616.jpg?param=130y130">
<a title="Beyond的音乐" href="/artist?id=11127" class="msk"></a>
</div>
<p>
<a href=" /artist?id=11127" class="nm nm-icn f-thide s-fc0" title="Beyond的音乐">Beyond</a>
</p>
</td>
<td>
<div class="u-cover u-cover-5">
<img src="http://p3.music.126.net/nUVLUL0gG1XfTReU-Us1YA==/18642219650661189.jpg?param=130y130">
<a title="五月天的音乐" href="/artist?id=13193" class="msk"></a>
</div>
<p>
<a href=" /artist?id=13193" class="nm nm-icn f-thide s-fc0" title="五月天的音乐">五月天</a>
</p>
</td>
</tr>
<tr>
<td>
<div class="u-cover u-cover-5">
<img src="http://p3.music.126.net/AIMOLvI4nYIc7_gAjoRilw==/181419418599608.jpg?param=130y130">
<a title="水木年华的音乐" href="/artist?id=12712" class="msk"></a>
</div>
<p>
<a href=" /artist?id=12712" class="nm nm-icn f-thide s-fc0" title="水木年华的音乐">水木年华</a>
</p>
</td>
<td>
<div class="u-cover u-cover-5">
<img src="http://p3.music.126.net/znozXOyHQXRc52hU6UAtmg==/756463999935630.jpg?param=130y130">
<a title="苏打绿的音乐" href="/artist?id=12707" class="msk"></a>
</div>
<p>
<a href=" /artist?id=12707" class="nm nm-icn f-thide s-fc0" title="苏打绿的音乐">苏打绿</a>
</p>
</td>
<td>
<div class="u-cover u-cover-5">
<img src="http://p3.music.126.net/GneY52rqwlkoz8wNsy3rnw==/18570751394187297.jpg?param=130y130">
<a title="S.H.E的音乐" href="/artist?id=12709" class="msk"></a>
</div>
<p>
<a href=" /artist?id=12709" class="nm nm-icn f-thide s-fc0" title="S.H.E的音乐">S.H.E</a>
</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="td1">其他歌手
</td></tr>
<tr><td>
<table class="biaoge">
<tr>
<td>
<div class="u-cover u-cover-5">
<img src="http://p4.music.126.net/g30uHh8-DvbMpRsSUTcVXQ==/1372190524982253.jpg?param=130y130">
<a title="泫雅的音乐" href="/artist?id=126066" class="msk"></a>
</div>
<p>
<a href=" /artist?id=126066" class="nm nm-icn f-thide s-fc0" title="泫雅的音乐">泫雅</a>
</p>
</td>
<td>
<div class="u-cover u-cover-5">
<img src="http://p4.music.126.net/mNIghZFrWfZG65QUnvh9RQ==/18766464464525834.jpg?param=130y130">
<a title="Taylor Swift的音乐" href="/artist?id=44266" class="msk"></a>
</div>
<p>
<a href=" /artist?id=44266" class="nm nm-icn f-thide s-fc0" title="Taylor Swift的音乐">Taylor Swift</a>
</p>
</td>
<td>
<div class="u-cover u-cover-5">
<img src="http://p4.music.126.net/2PNHOT1c_58eCZM8Twwv9g==/18495984604213143.jpg?param=130y130">
<a title="Katy Perry的音乐" href="/artist?id=62888" class="msk"></a>
</div>
<p>
<a href=" /artist?id=62888" class="nm nm-icn f-thide s-fc0" title="Katy Perry的音乐">Katy Perry</a>
</p>
</td>
</tr>
<tr>
<td>
<div class="u-cover u-cover-5">
<img src="http://p4.music.126.net/4jka16r8Cf3rSi13fxxppA==/19177681811747799.jpg?param=130y130">
<a title="IU的音乐" href="/artist?id=160947" class="msk"></a>
</div>
<p>
<a href=" /artist?id=160947" class="nm nm-icn f-thide s-fc0" title="IU的音乐">IU</a>
</p>
</td>
<td>
<div class="u-cover u-cover-5">
<img src="http://p4.music.126.net/5QdPbdTXsZPbz6_yCUpNLw==/2929098978034355.jpg?param=130y130">
<a title="白智英的音乐" href="/artist?id=125216" class="msk"></a>
</div>
<p>
<a href=" /artist?id=125216" class="nm nm-icn f-thide s-fc0" title="白智英的音乐">白智英</a>
</p>
</td>
<td>
<div class="u-cover u-cover-5">
<img src="http://p4.music.126.net/TMl7DRdceOCTLeQvDNxslg==/18610333812708222.jpg?param=130y130">
<a title="孝琳的音乐" href="/artist?id=818694" class="msk"></a>
</div>
<p>
<a href=" /artist?id=818694" class="nm nm-icn f-thide s-fc0" title="孝琳的音乐">孝琳</a>
</p>
</td>
</tr>
</table>
</td></tr>
</table>
</content>
<aside class="aside">
<table class="ta2">
<tr><td>
<p class="ben">本周热门音乐人</p>
<hr/>
<ul type="none" class="ul2">
<li><img src="123">王源
<p class="ge">亲爱的孩子</p></li>
<li><img src="123">林俊杰<p class="ge">
第几个100天</p></li>
<li><img src="123">孙燕姿<p class="ge">
尚好的青春</p></li>
<li><img src="123">陈奕迅<p class="ge">
让我留在您身边</p></li>
<li><img src="123">薛之谦<p class="ge">
刚刚好</p></li>
</ul>
</td> </tr>
</table>
</aside>
<footer class="footer">
关于网易<br/>
微博@网易云音乐<br/>
给你更多更好听的云音乐
</footer>
#header{
height:70px;
width:800px;
background-color:gray;
font-size:36px;
padding:50px 0 0 20px;
color:white;
}
.menu{
background-color:yellow;
margin:0;
float:left;
}
.ta{
height:500px;
margin-left:0;
text-align:center;
}
.button{
width:80px;
height:30px;
}
.table{
width:550px;
height:900px;
border:solid;
border-width:1px;
margin:0;
float:left;
}
.td1{
width:550px;
height:50px;
background-color:blue;
font-size:32px;
}
.biaoge{
width:550px;
height:250px;
padding:0 20px;
margin:0;
}
.ul{
line-height:26px;
}
.ta2{
border:solid;
border-width:1px;
}
.ben{
color:red;
font-family:中宋;
}
.ge{
font-size:14px;
color:gray;
margin-top:0;
}
.footer{
font-size:16px;
line-height:22px;
float:left;
border-top:1px solid;
padding:22px;
}