关于iframe嵌套页面用法

1.在HTML中写入iframe标签

<iframe name="my-iframe" id="my-iframe" src="初始显示的页面或者图片" frameborder="边框(一般为0)" width="宽" height="高" scrolling="是否滚动(一般为“no”)"></iframe>

2.在HTML中写入a标签,当点击a标签时,子页面跳转到所需的页面

<a href="要跳转的页面l"  target="my-iframe">点击我子网页可以跳转到你需要的地方</a>

//注意此处的target一定要和上面的名字一样(具体是name还是id我也忘记了(''))

3.如果有多个子页面之间切换,只需要多写几个a标签,并且将它的href换成你所要跳转的html页面即可。切记,target是不变的,和先前的iframe保持一致!!!iframe标签只需要一个。

如下:

iframe:

a:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文将会介绍HTML中的一些常用标签,后面还会陆续整理 1:什么是HTML HTML (Hypertext Mar...
    憨憨二师兄阅读 985评论 0 0
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,149评论 0 0
  • 元素会创建包含另外一个文档的内联框架(即行内框架); 一、align 属性(不赞成) align属性规定ifram...
    puxiaotaoc阅读 19,810评论 0 14
  • 本篇文章主要记录的是自己学习的HTML 常用的标签。 1、iframe 标签——嵌套页面 iframe这个标签目前...
    wxyzcctn阅读 485评论 0 3
  • --- 学习目标: - 了解常用浏览器 - 掌握WEB标准 - 理解标签语义化 - 掌握常用的排版标签 ...
    红豆丁244阅读 1,398评论 0 2