企业网站展示,遵义网约车,个人网站免费空间,asp公司网站前言#xff1a; 我们有时候打开网页时会有广告窗的出现#xff0c;而这些窗口并不是来自于本站的#xff0c;而是来自于外部网页#xff0c;只是被引用到了自己网页中而已。这一种技术可以通过内联来实现。 标签介绍#xff1a; HTML 内联框架元素 (iframe) 表示…前言 我们有时候打开网页时会有广告窗的出现而这些窗口并不是来自于本站的而是来自于外部网页只是被引用到了自己网页中而已。这一种技术可以通过内联来实现。 标签介绍 HTML 内联框架元素 (iframe) 表示嵌套的。它能够将另一个 HTML 页面嵌入到当前页面中并且它自带了一些有用的特性如调整大小、滚动等。 使用介绍
基本操作框架 iframe src路径/iframe 例子以CSDN为例 !DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyiframe srchttps://www.csdn.net//iframe
/body
/html 效果如下 部分属性展示部分 1src ~用于指定此处的URL地址路径 例子 !DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyiframe srchttps://www.csdn.net//iframe
/body
/html 2) width和height ~指定框架的长宽 例子 !DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyiframe srchttps://www.bilibili.com/ width200 height1000/iframe
/body
/html 3)name ~指定iframe的名称 例子 !DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyiframe nameB站 srchttps://www.bilibili.com/ width222 height333/iframe
/body
/html 4)allowfullscreen ~是否允许全屏播放 !DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyiframe allowfullscreenyes srchttps://www.bilibili.com/ width555 height555/iframe
/body/html 5)allowtransparency ~允许内嵌框架指定透明度。 !DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyiframe allowtransyes srchttps://www.bilibili.com/ width555 height555/iframe
/body/html 6) scrolling ~是否显示滚动条 ~决定是否显示滚动条可以使用auto自动决定是否显示滚动条或者设为yes和no指定是否一直显示或隐藏滚动条 例子 !DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyiframe scrolling no srchttps://www.bilibili.com/ width222 height333/iframe
/body
/html 7) frameborder ~是否显示边框 ~可以使用值0、“1和no”、yes来指定是否显示边框 例子 !DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyiframe frameborderyes srchttps://www.bilibili.com/ width222 height333/iframe
/body
/html 【由于变化不是很明显就不展示参考图了】 8) id 为框架的唯一标识 !DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyiframe idB站 srchttps://www.bilibili.com/ width555 height555/iframe
/body/html
