简单搭建网站
从零开始学习

html网页框架

前面我讲超链接的时候说过可以指定框架内打开网页,这个框架就是网页框架,你进入这个页面就是一个框架,但是我可以在这个页面上创建一个框架,然后让这个框架为我所用,通过框架你可以在一个浏览器窗口显示多个页面,网页框架由<iframe>标签定义

没有基础请先看下面文章了解一下

iframe框架基本用法

下面的<p>标签用于无法展示iframe框架的浏览器的替代文字

#框架基本用法#
<ifarme src="网址"><p>sorry,你的浏览器不支持iframe框架</iframe>

iframe-设置宽和高

  • width:宽度
  • height:高度(都是老演员了)
#设置宽和高#
<iframe src="iframe.html" width="200"height="200"><p>sorry,你的浏览器不支持iframe框架</ifrme>

iframe-设置宽和高示例

提示:你可以先修改部分代码再运行。

iframe-消除边框

frameborder:iframe框架边框

#消除边框#
<iframe src="iframe.html" frameborder="0" width="200" height="200"><p>sorry,你的浏览器不支持iframe框架</p></iframe>

iframe-消除边框示例

提示:你可以先修改部分代码再运行。

iframe-指定链接在框架打开

  • name:给框架定义名称
  • target:选择链接打开方式
#指定链接打开框架#
<iframe src="iframe.html" width="200" height="200" name="iframe-a">
<p>sorry,你的浏览器不支持iframe框架</p></iframe>
#链接处配置#
<a href="https://www.liangmouren.com" target="iframe-a">文本</a>

iframe-指定链接在框架打开示例

提示:你可以先修改部分代码再运行。

iframe框架看你怎么使用,使用得好会有意想不到的效果

赞(2) 打赏梁某人
未经允许不得转载:每篇文章都是博主的心血,偷盗文章事最可耻的事情梁某人的个人网站 » html网页框架

发表评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

梁某人的个人网站

免费云存储免费云存储

靓仔!打赏一元试试看啊

支付宝扫一扫打赏

微信扫一扫打赏