HTML框架案例



源码展示


<html>
<head>
<title>HTML框架</title>
<meta charset="utf-8">
</head>
<frameset rows="90,*,90" frameborder="1" border="1" noresize="noresize">
<frame name="top" src="top.html"/>
<frameset cols="20%,80%">
<frame name="left" src="left.html"/>
<frame name="right" src="right.html" scrolling="no"/>
</frameset>
<frame name="bottom" src="bottom.html"/>
</frameset>
</html>


 

运行结果:


 html1.png 

 

 


bottom:


<html>
<head>
<title>框架</title>
<meta charset="utf-8">
</head>
<body bgcolor="green" topmargin="50">
<center><font size="2" color="white">© 2015-2099 麦子学院版权所有</font></center>
</body>

</html>

 

运行结果:


 html2.png 

 

 


left:


<html>
<head>
<title>框架</title>
<meta charset="utf-8">
</head>
<body bgcolor="#ccc" link="green" vlink="#f60" alink="yellow">
<ul>
<li><a href="1.html">秒速时时彩</a></li><br/>
<li><a href="/">新闻</a></li><br/>
<li><a href="/">图片</a></li><br/>
<li><a href="/">联系我们</a></li><br/>
</ul>
<img src=""></img>
</body>

</html>

 

运行结果:


 html3.png 

 

 


right:


<html> 
<head> 
<title>框架</title> 
<meta charset="utf-8"> 
</head> 
<body bgcolor="#f2f2f1"> 
<table width="800" cellspacing="10"> 
<tr> 
<td><img width="120" height="90" src="http://g.hiphotos.baidu.com/news/q%3D100/sign=b13a8f41201f95caa0f596b6f9177fc5/0e2442a7d933c895f7731244d41373f0820200fb.jpg" border="0" align="left"> 
</td><td> <p>2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。</p> 
</td> 
</tr> 
<tr> 
<td><img width="120" height="90" src="http://g.hiphotos.baidu.com/news/q%3D100/sign=b13a8f41201f95caa0f596b6f9177fc5/0e2442a7d933c895f7731244d41373f0820200fb.jpg" border="0" align="left"> 
</td><td> <p>2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。</p> 
</td> 
</tr> 
<tr> 
<td><img width="120" height="90" src="http://g.hiphotos.baidu.com/news/q%3D100/sign=b13a8f41201f95caa0f596b6f9177fc5/0e2442a7d933c895f7731244d41373f0820200fb.jpg" border="0" align="left"> 
</td><td> <p>2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。</p> 
</td> 
</tr> 
<tr> 
<td><img width="120" height="90" src="http://g.hiphotos.baidu.com/news/q%3D100/sign=b13a8f41201f95caa0f596b6f9177fc5/0e2442a7d933c895f7731244d41373f0820200fb.jpg" border="0" align="left"> 
</td><td> <p>2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。</p> 
</td> 
</tr> 
<tr> 
<td><img width="120" height="90" src="http://g.hiphotos.baidu.com/news/q%3D100/sign=b13a8f41201f95caa0f596b6f9177fc5/0e2442a7d933c895f7731244d41373f0820200fb.jpg" border="0" align="left"> 
</td><td> <p>2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。</p> 
</td> 
</tr> 
<tr> 
<td><img width="120" height="90" src="http://g.hiphotos.baidu.com/news/q%3D100/sign=b13a8f41201f95caa0f596b6f9177fc5/0e2442a7d933c895f7731244d41373f0820200fb.jpg" border="0" align="left"> 
</td><td> <p>2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。</p> 
</td> 
</tr> 
<tr> 
<td> 
<img width="120" height="90" src="http://g.hiphotos.baidu.com/news/q%3D100/sign=b13a8f41201f95caa0f596b6f9177fc5/0e2442a7d933c895f7731244d41373f0820200fb.jpg" border="0" align="left"> 
</td><td> <p>2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。</p> 
</td> 
</tr> 
<tr> 
<td> 
<img width="120" height="90" src="http://g.hiphotos.baidu.com/news/q%3D100/sign=b13a8f41201f95caa0f596b6f9177fc5/0e2442a7d933c895f7731244d41373f0820200fb.jpg" border="0" align="left"> 
</td><td> <p>2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。2015年4月23日,继杭州加大治理大气污染,严格控制黄标车以来,杭州“汽车坟场”报废车越来越多,堆积如山的报废车远看像一座山。网友调侃,车满为患都快要溢出墙外。</p> 
</td> 
</tr> 
</table> 
</body> 
</html>

 

运行结果:


 html4.png 

 



top:


<html>
<head>
<title>框架</title>
<meta charset="utf-8">
</head>
<body bgcolor="green" topmargin="10">
<img src="logo.jpg"/>
<h1>  <a href="1.html" target="_blank"><font color="white">汽车资讯网</font></a></h1>
<p><font color="#fff">    请记住我们的网址是:www.maizi.com</font></p>
</body>

</html>


运行结果:


  html5.png 

 

 

<html>

<head>

<title>框架</title>

<meta charset="utf-8">

</head>

<body bgcolor="green" topmargin="10">

<img src="logo.jpg" align="left"/>

<h1>  <a href="1.html" target="_blank"><font color="white">汽车资讯网</font></a></h1>

<p><font color="#fff">    请记住我们的网址是www.maizi.com</font></p>

</body>

</html>



运行结果:


 html6.png 

 


【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.trishajaya.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

免费领取价值1888元求职宝典!

客服热线 400-862-8862

回到顶部

山东群英会选号技巧 北京11选5开奖 极速3分彩 玖玖棋牌app 三分PK拾平台 快乐赛车官网 幸运飞艇官网 三分快3 五分时时彩 澳洲幸运10开奖结果