frame

frame的简单方法：

比如说主页：

 

  < html >
  < head >< title >  frame元素中marginHeight属性及marginWidth属性的使用 </ title ></ head >  
  < frameset  cols ="20%,*" >
  < frame  name ="left"  src ="menu.html"   >
< frame  name ="right"  src ="test.htm" >
</ frameset >
</ html >  
< html >
< head >< title ></ title ></ head >

< frameset >
< fram  name ="left"  src ="menu.html"  marginHeight =60  marginWidth =30 >
< fram  name ="right"  src ="main.html" >
</ frameset >
</ html >

 

其中左侧就是菜单，其html如下：

 

< HTML >
  < HEAD >
   < TITLE >  New Document  </ TITLE >

  </ HEAD >
< style > ...
#menu a, #menu a:visited {...}{
  text-decoration:none;
  text-align:center;
  background-color:#aaa; 
  color:#fff;
  display:block; 
  width:140px; 
  padding:0.3em;
  margin:0.3em auto;
  margin-left:25px;
  border-left:5px solid #EEEEEE;
  }
#menu a:hover {...}{
  border-left:5px solid #000;
  }
</ style >
  < BODY >
  < div  id ="menu" >
            < a  href ="right.html"  target =right > right.html </ a >
            < a  href ="#nogo" > Item 2 </ a >
           < a  href ="#nogo" > Item 3 </ a >
           < a  href ="#nogo" > Item 4 </ a >
           < a  href ="#nogo" > Item 5 </ a >
  </ div >

  </ BODY >
</ HTML >