【Html】15-<iframe>标签

iframe

内联框架

行内样式

src属性

链接地址;

<iframe src="2.html"></iframe>

在这里插入图片描述

frameborder属性

边框属性;

<iframe src="2.html" frameborder="0" ></iframe>

在这里插入图片描述

scrolling属性

滚动条

  • auto(自动)

    若框架的宽高小于链接页面内容的宽高,自动显示滚动条;反之则不显示

  • yes (显示)

  • no (不显示)

auto(自动)
<iframe src="2.html" frameborder="0" scrolling="auto" ></iframe>

给iframe加上CSS样式:

iframe {
            width: 500px;
            height: 200px;
        }

在这里插入图片描述

yes (显示)
<iframe src="2.html" frameborder="0" scrolling="yes" ></iframe>

给iframe修改下CSS样式

iframe {
            width: 400px;
            height: 200px;
        }

在这里插入图片描述

no (不显示)
<iframe src="2.html" frameborder="0" scrolling="no" ></iframe>

在这里插入图片描述

name属性

  • <a>标签的target的值和<iframe>name属性名字一致时,就可以使得点击<a>标签时,在<iframe>框架中显示<a>标签所链接的网页

先定义两个<a>标签

<a href="2.html" target="iframe1">点我点我</a>
<a href="3.html" target="iframe1">豆沙</a>

然后给<iframe>加上相同的name

<iframe src="1.html" frameborder="0" scrolling="auto" name="iframe1"></iframe>

在这里插入图片描述


END

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我! 毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值