SOURCE

<div id="container" style="width:560px">

<div id="header" style="background-color:skyblue;">
<h1 style="margin-bottom:0;text-align:center;
           color:white">主要的网页标题</h1></div>

<div id="menu" style="background-color:	#F5F5DC;height:400px;width:180px;float:left;color:green	">
<aside> <ul style="list-style-type:circle;"><li>图书分类</li>
   <ol>
<li>文艺</li>
<li>教育</li>
  <li>科普</li>
   <li>少儿</li>
   </ol>
</ul>
  <ul style="list-style-type:circle;"><li>器材分类</li>
   <ol>
<li>篮球</li>
<li>排球</li>
  <li>羽毛球</li>
   <li>跳绳</li>
   </ol>
</ul></aside>
    
    

   
  </div>

<div id="content" style="background-color:	#FFFACD;height:400px;width:380px;float:left;">
<form>
<ul><li>选项</li></ul>
  
<input type="radio" name="sort" value="book">图书<br>
<input type="radio" name="sort" value="ball">器材<br/>


<video width="240" height="150" controls>
  <source src="http://www.runoob.com/try/demo_source/movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 HTML5 video 标签。
</video>
  
<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="http://www.runoob.com/try/demo_source/horse.ogg" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

 
</div>


</div>