18.3. HTML iframe 标签

iframe 标签 -- HTML内联框架
  • iframe标签是成对出现的,以<iframe>开始,</iframe>结束
  • iframe标签内的内容可以做为浏览器不支持iframe标签时显示
  • 引用网址:http://www.dreamdu.com/xhtml/tag_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 -- 定义框架页的说明

示例

<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 标签示例 -- 可以尝试编辑



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都