你的位置:首页 > 互联网IT

HTML网页框架代码

2018-08-04 浏览:(1129) 互联网IT 评论(0)

HTML网页框架代码

123.jpg HTML网页框架代码 互联网IT

html内嵌框架

<iframe>标签会创建包含另外一个html文件的内联框架(即行内框架),src属性来定义另一个html文件的引用地址,frameborder属性定义边框,scrolling属性定义是否有滚动条,代码如下:

<iframe src="http://www..." frameborder="0" scrolling="no"></iframe>

内嵌框架与a标签配合使用

a标签的target属性可以将链接到的页面直接显示在当前页面的iframe中,代码如下:

<a href="01.html" target="myframe">页面一</a>
<a href="02.html" target="myframe">页面二</a>
<a href="03.html" target="myframe">页面三</a>
<iframe src="01.html" frameborder="0" scrolling="no" name="myframe"></iframe>


实例

简单的三框架页面:

<html>

<frameset cols="25%,50%,25%">  <frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" /></frameset>

</html>



可选的属性

属性描述
frameborder
  • 0

  • 1

规定是否显示框架周围的边框。
longdescURL规定一个包含有关框架内容的长描述的页面。
marginheightpixels定义框架的上方和下方的边距。
marginwidthpixels定义框架的左侧和右侧的边距。
namename规定框架的名称。
noresizenoresize规定无法调整框架的大小。
scrolling
  • yes

  • no

  • auto

规定是否在框架中显示滚动条。
srcURL规定在框架中显示的文档的 URL。



/*****列分*****/
<frameset cols = "25%,%75">/*FRAMESET用来划分框窗,每一窗框由一个FRAME标记标示FRAME必须FRAMESET范围中使用*/
         <frmae noresize = "noresize" name = ""  src = "">/*使用Noresize属性可以确保Frame的大小。如果不使用noresize属性,你可以用鼠标移动Frame的边界,来改变Frame的大小*/
         <frmae src = "">/*frame属性:scr=" "定义在帧中显示的内容的来源,frameborder=" "定义帧之间的边界,margwidth=" "设置帧的边界和其中内容之间的间距,margheight=" "设置帧的边界和其中内容之间距,noresize=" "同上,scrolling=" "设置滚动条的表示方式(auto, yes, no)*/
</frameset>
/******行分*****/
<frameset rows = "25%,%75">
          <frame src = "">
          <frame src = "">
</frameset>
/****混合******/
<frameset rows = "25%,%75>
          <frame src = "">
          <frame cols = "25%,%75">
                    <frame src = "">
                    <frame src = "">
          </frameset>
</frameset>

 

网页框架代码<iframe border=0 name=lantk src="要嵌入的网页地址" width=400 height=400 allowTransparency scrollbars=yes frameBorder="0"></iframe> 

特点是无论使用何种分辨率,它的大小和位置都是不变的。 

我所收集的: 

1. 
<frameset border="0" cols="0,*" frameborder="0" framespacing="0" onload="init()" onhelp="noHelp()" onkeydown="noEffect()" ondragstart="noEffect()" oncontextmenu="noContext()"> 
<frame name="oPlus" src="" noresize> 
<frame name="oMain" src="http://lovelucking.onlybeloved.com" frameborder="0" noresize scrolling="auto"> 
</frameset> 

2.右边框架 
<frameset cols="*,150" frameborder="0" border="0" framespacing="0"> 
<frame src="http://lovelucking.onlybeloved.com" name="mm" frameborder="0"> 
<frame src="http://右边网址.com" name="rightFrame" frameborder="0" scrolling="NO" noresize> 
</frameset> 

3.上下框架 
<frameset rows="28,*" frameborder="NO" border="0" framespacing="0"> 
<frame src="http://上部网址/index.htm" name="dj-play" scrolling="no" noresize > 
<frame src="http://lovelucking.onlybeloved.com" name="mainFrame" scrolling="auto"> 
</frameset> 

4.网页内嵌框架 
<IFRAME align=middle marginWidth=0 vspace=-0 marginHeight=0 src="http://lovelucking.onlybeloved.com" frameBorder=no width=400 scrolling=auto height=300></IFRAME> 

~~~~~ 

也可以自己修在框架大小: 
<table width="宽大小" height="高大小"> 

<TD align=middle width=宽大小 height=高的大小><IFRAME name=sucai1 
marginWidth=0 frameSpacing=0 marginHeight=0 
src="所要放的网页的地址" frameBorder=0 width=400 
height=380></TD> 
</table> 
</IFRAME> 


在当前网页中包含另一个网页: 

<iframe src=另一个网页地址></iframe> 

9、网页打开后,隔一定时间自动刷新: 

<META HTTP-EQUIV="refresh" CONTENT="时间间隔秒"> 

10、网页打开后,隔一定时间自动跳转到另一页: 

<meta http-equiv="Refresh" content="时间间隔秒; url=另一个网页地址"> 


两个域名同一个空间自动跳转的ASP代码 
+ View Code
脚本方式 
如: 
<script language="javascript" type="text/javascript"> 
<!-- 
window.location='index.html'; 
//--> 
</script> 
html的meta方式 
如: 
<meta http-equiv='Refresh' content='0;URL=index.html'> 
这种方法的好处是可以控制重定向的时间.


  • 发表评论
  • 查看评论
【暂无评论!】

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。