笔记 - 7、HTML - 内联(浮动)框架--iframe

简介: HTML·浮动框架(内联框架):<iframe></iframe>     可以写在页面中的任意位置。 属性:     src:引用页面的路径     width:设置框架的宽度     height:设置框架的高度     align:框架的对其方式:         left:水平方向框架向左对齐。         right:水平方向框架向右对
HTML·浮动框架(内联框架):<iframe></iframe>
    可以写在页面中的任意位置。

属性:
    src:引用页面的路径
    width:设置框架的宽度
    height:设置框架的高度
    align:框架的对其方式:
        left:水平方向框架向左对齐。
        right:水平方向框架向右对齐。
        bottom:与框架同行的元素的对齐方式,垂直方向同行元素与框架的底部对齐。
        top:垂直方向同行元素与框架的顶部对齐。
        middle:垂直方向同行元素与框架中间对齐。
    scrolling:设置框架的滚动条,
        auto:如果框架中的内容超出框架,会自动显示滚动条,否则不显示滚动条。
        yes:总是显示滚动条,即使页面内容没有超出框架。
        no:任何情况都不显示滚动条。
    

创建框架链接:
    1.普通框架结构的链接
        首先需要在目标框架添加一个name属性(相当是给它起个名字)
        然后在超链接上设置target属性的值为目标框架的name属性值即可。
    2.浮动框架结构的链接
        与普通框架结构类似。

题外话 >>>
    现在:<iframe></iframe>很少用,存在安全隐患。
目录
相关文章
|
4月前
|
移动开发 前端开发 JavaScript
HTML 框架高阶用法
HTML框架,或前端框架,如Bootstrap、Vue.js等,显著提升了Web应用开发的速度与用户体验。本文介绍了一些高级技巧,如自定义样式与组件、响应式设计实践、JavaScript功能增强及性能优化策略等,帮助开发者更好地利用这些工具,实现高效开发并提升应用性能与灵活性。
|
3月前
|
前端开发 JavaScript C++
震惊!!!html竟然被...... 一篇博客让你从0开始熟悉并掌握html 超详细html笔记 全网独一份
本文是一份超详细的HTML学习笔记,从基础认知开始,介绍了网页的构成、五大浏览器、web标准、HTML/CSS/JavaScript的区别,然后详细讲解了HTML的概念、骨架结构、常用快捷键、注释、标签结构和关系。接着,通过大量实例深入探讨了HTML的各种标签,包括排版标签、文本格式化标签、媒体标签、链接标签、列表标签、表格标签、表单标签、语义化标签和字符实体,旨在帮助读者从0开始熟悉并掌握HTML。
40 2
震惊!!!html竟然被...... 一篇博客让你从0开始熟悉并掌握html 超详细html笔记 全网独一份
HTML 框架2
iframe标签用于在当前页面中嵌入另一个HTML页面。通过设置frameborder属性为&quot;0&quot;,可以移除iframe边框。iframe的src属性用于指定要嵌入的页面URL。例如,使用`&lt;iframe src=&quot;https://www.runoob.com&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;`可以无边框地显示RUNOOB.COM页面。
HTML 框架1
HTML框架允许在同一个浏览器窗口中同时显示多个页面。`&lt;iframe&gt;`标签用于嵌入其他网页,基本语法为 `&lt;iframe src=&quot;URL&quot;&gt;&lt;/iframe&gt;`。可以通过设置 `height` 和 `width` 属性来调整 iframe 的大小,例如:`&lt;iframe src=&quot;demo_iframe.htm&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;/iframe&gt;`。属性值可以是像素或百分比。
HTML 框架3
iframe 是一种在网页中嵌入另一个 HTML 页面的技术。通过设置 iframe 的属性,可以显示指定的目标链接页面。例如,可以使用 iframe 嵌入 RUNOOB.COM 网站。HTML 中的 `&lt;iframe&gt;` 标签用于定义内联框架。
|
5月前
|
前端开发 UED
学会了HTML中的块级元素和内联元素 SO 酷了
学会了HTML中的块级元素和内联元素 SO 酷了
学会了HTML中的块级元素和内联元素 SO 酷了
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
该博客文章详细介绍了HTML的基础知识,包括注释、标签属性、常用标签、实体、图片引入、meta标签、内联框架、超链接的使用,并通过代码示例和测试结果截图展示了这些元素在网页中的应用效果。
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
|
5月前
|
前端开发
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
这篇文章详细介绍了如何在HTML和CSS中设置背景、设计表格、创建表单以及使用框架集,并通过代码示例和测试结果展示了具体的实现方法和效果。
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
|
5月前
|
XML JavaScript 测试技术
Web自动化测试框架(基础篇)--HTML页面元素和DOM对象
本文为Web自动化测试入门指南,介绍了HTML页面元素和DOM对象的基础知识,以及如何使用Python中的Selenium WebDriver进行元素定位、操作和等待机制,旨在帮助初学者理解Web自动化测试中的关键概念和操作技巧。
63 1
HTML基础知识(3)浮动、塌陷问题
这篇文章介绍了HTML中的浮动布局、浮动元素如何影响页面布局以及如何解决浮动元素引起的高度塌陷问题。
HTML基础知识(3)浮动、塌陷问题