HTML 框架LOGIN

HTML 框架

iframe 是个内联框架,是在页面里生成个内部框架。

 Iframe标记,又叫浮动帧标记,你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的 HTML文件不是与另外的HTML文件相互独立显示,而是可以直接嵌入在一个HTML文件中,与这个HTML文件内容相互融合,成为一个整体,另外,还可以多次在一个页面内显示同一内容,而不必重复写内容,一个形象的比喻即“画中画“电视。 

iframe语法:

<iframe src="URL"></iframe>

该URL指向不同的网页。

 

Iframe用法精析 
<iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe> 
<IFRAME>用于设置文本或图形的浮动图文框或容器。 
BORDER 
<IFRAME BORDER="3"></IFRAME> 
设定围绕图文框的边缘宽度 
FRAMEBODER 
<IFRAME FRAMEBODER="0"></IFRAME> 
设置边框是不否为3维(0=否,1=是) 
HEIGHT,WIDTH 
<IFRAME HEIGHT="31" WIDTH="88"></IFRAME> 
设质边框的宽度和高度 
SCROLLING 
<IFRAME SCROLLING="NO"></IFRAME> 
是否有滚动条(YES,NO,AUTO) 
SRC 
<IFRAME SRC="GIRL.GIF"></IFRAME> 
指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*) 

显示目录链接页面

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.php.cn" target="iframe_a">php.cn</a></p> 

实例1:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn </title>
</head>
<body>
 
<iframe src="http://www.php.cn /" width="300" height="200" frameborder="0">
 <p>您的浏览器不支持  iframe 标签。</p>
</iframe>
 
</body>
</html>

 实例2:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php.cn</title> 
</head>
<body>
 
<iframe src="http://www.baidu.com" width="50%" height="30%">
您的浏览器不支持框架,请升级您的浏览器以便正常访问
</iframe>
 
 
</body>
</html>


下一节
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <iframe src="http://www.baidu.com" width="20%" height="50%"> 您的浏览器不支持框架,请升级您的浏览器以便正常访问 </iframe> </body> </html>
提交重置代码
章节课件