22
2018
10

HTML网页框架代码

HTML网页框架代码

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

规定是否显示框架周围的边框。
longdesc URL 规定一个包含有关框架内容的长描述的页面。
marginheight pixels 定义框架的上方和下方的边距。
marginwidth pixels 定义框架的左侧和右侧的边距。
name name 规定框架的名称。
noresize noresize 规定无法调整框架的大小。
scrolling
  • yes

  • no

  • auto

规定是否在框架中显示滚动条。
src URL 规定在框架中显示的文档的 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>

 

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

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