Java学习

java,spring,structs,hibernate,jsf,ireport,jfreechart,jasperreport,tomcat,jboss -----本博客已经搬家了,新的地址是 http://www.javaly.cn 如果有对文章有任何疑问或者有任何不懂的地方,欢迎到www.javaly.cn (Java乐园)指出,我会尽力帮助解决。一起进步

 

HTML iframe 标签

HTML iframe 标签
2008-07-29 19:27
iframe 标签 -- 代表HTML内联框架
  • iframe标签是成对出现的,以<iframe>开始,</iframe>结束
  • 属性
    • name -- 定义了内容页名称,此名称在框架页内链接时使用到
    • src -- 定义了内容页URL
    • frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
      • 1 -- 在每个页面之间都显示边框
      • 0 -- 不显示边框
    • marginwidth -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
    • marginheight -- 定义了框架中HTML文件显示的左右边界的矿度,取值为px,缺省值由浏览器决定
    • scrolling -- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto
      • yes -- 显示滚动条
      • no -- 不显示滚动条
      • auto -- 当需要时再显示滚动条
    • align -- 垂直或水平对齐方式
    • height -- 框架的高度
    • width -- 框架的宽度

示例如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>iframe的用法</title>
</head>
<body>
    <form id="form1" runat="server">
        <a href="DoOne.aspx" target="iframe1">首页</a>
        <a href="DoTwo.aspx" target="iframe1">开始定制</a>
        <a href="DoThree.aspx" target="iframe1">联系我们</a>
        <br />
        <br />
        <iframe name="iframe1" id="iframe1" frameborder="0"></iframe>
    </form>
</body>
</html>

注意:iframe要使用name这个属性,a里的target里的iframe1指的是name的iframe1,而不是id的iframe1。




iframe 标签 -- 代表HTML内联框架
  • iframe标签是成对出现的,以<iframe>开始,</iframe>结束
  • iframe标签内的内容可以做为浏览器不支持iframe标签时显示
  • 属性
    • Common -- 一般属性
    • name -- 定义了内容页名称,此名称在框架页内链接时使用到
    • src -- 定义了内容页URL(同frame标签)
    • frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
      • 1 -- 在每个页面之间都显示边框
      • 0 -- 不显示边框
    • height -- 框架的高度,取值像素或百分比
    • width -- 框架的宽度,取值像素或百分比
    • marginwidth -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定
    • marginheight -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
    • scrolling -- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto
      • yes -- 显示滚动条
      • no -- 不显示滚动条
      • auto -- 当需要时再显示滚动条
    • align -- 垂直或水平对齐方式
    • longdesc -- 定义框架页的说明
  • 引用网址:http://www.dreamdu.com/xhtml/tag_iframe/

示例

<iframe src="http://www.dreamdu.com/xhtml/" width="200" height="500">
梦之都使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问梦之都。
</iframe>

使用像素定义iframe框架大小

<iframe src="http://www.dreamdu.com/css/" width="20%" height="50%">
梦之都使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问梦之都。
</iframe>

使用百分比定义iframe框架大小

HTML iframe 标签示例 -- 可以尝试编辑

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>HTML iframe 标签示例</title>
       
    </head>
        <p>梦之都 <a href="http://www.dreamdu.com/xhtml/">HTML教程</a>,<strong><a href="http://www.dreamdu.com/xhtml/tag_iframe/">HTML iframe 标签</a></strong>示例.</p>
        <iframe src="http://www.dreamdu.com/" width="200" height="500" scrolling="no"></iframe>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>HTML iframe 标签百分比示例</title>
       
    </head>
        <p>梦之都 <a href="http://www.dreamdu.com/xhtml/">HTML教程</a>,<strong>HTML <a href="http://www.dreamdu.com/xhtml/tag_iframe/">iframe</a> 标签</strong>示例.下面iframe框架使用了百分比定义</p>
        <iframe src="http://www.dreamdu.com/" width="20%" height="50%" scrolling="no">梦之都使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问梦之都。</iframe>
</html>

posted on 2009-05-05 08:45 找个美女做老婆 阅读(1270) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。


网站导航:
 

导航

统计

公告

本blog已经搬到新家了, 新家:www.javaly.cn
 http://www.javaly.cn

常用链接

留言簿(6)

随笔档案

文章档案

搜索

最新评论

阅读排行榜

评论排行榜