HTML框架

简介: 版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/60968900 frameset可以将页面划分为几个不同的区域,用以显示不同的页面,与frame混合使用,类似于select与option的关系。
版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/60968900

frameset

可以将页面划分为几个不同的区域,用以显示不同的页面,与frame混合使用,类似于select与option的关系。
属性:
1,cols 列数。一组用逗号分开的数值(可以用百分比数值,也可以用具体像素值),指定各子窗口的高度
2,rows 行数。一组用逗号分开的数值(可以用百分比数值,也可以用具体像素值),指定各子窗口的宽度
3,noresize 固定框架大小。不可移动

有框架的页面不可与body共同使用

    <frameset cols="30%,30%,*">
        <frame src = "http://baidu.com"></frame>
        <frame src = "http://www.sohu.com/"></frame>
        <frame src = "http://www.qq.com/"></frame>
    </frameset>


这里写图片描述

一种导航窗格的效果

        <frameset rows="30%,*">
            <frame src="frame/frame.html"></frame>
            <frameset cols="30%,*">
                <frame src="frame/left.html"></frame>
                <frame src="" name="right"></frame>
            </frameset>
        </frameset>

这里写图片描述

在链接的target属性中可以写上指定框架的name,这样这个链接打开的页面会显示在指定的框架中

<html>
    <body>
    <center>
        <a href="http://www.baidu.com" target="right">百度</a><br/>
        <a href="http://www.sohu.com/" target="right">搜狐</a><br/>
        <a href="http://www.qq.com" target="right">腾讯</a><br/>
    </center>
    </body>
</html>
相关文章
|
3月前
|
移动开发 前端开发 JavaScript
HTML 框架高阶用法
HTML框架,或前端框架,如Bootstrap、Vue.js等,显著提升了Web应用开发的速度与用户体验。本文介绍了一些高级技巧,如自定义样式与组件、响应式设计实践、JavaScript功能增强及性能优化策略等,帮助开发者更好地利用这些工具,实现高效开发并提升应用性能与灵活性。
N..
|
7月前
|
前端开发 JavaScript 开发者
HTML框架
HTML框架
N..
58 1
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;`。属性值可以是像素或百分比。
|
7月前
|
前端开发 搜索推荐 JavaScript
HTML 框架
HTML 框架
HTML 框架3
iframe 是一种在网页中嵌入另一个 HTML 页面的技术。通过设置 iframe 的属性,可以显示指定的目标链接页面。例如,可以使用 iframe 嵌入 RUNOOB.COM 网站。HTML 中的 `&lt;iframe&gt;` 标签用于定义内联框架。
|
4月前
|
前端开发
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
这篇文章详细介绍了如何在HTML和CSS中设置背景、设计表格、创建表单以及使用框架集,并通过代码示例和测试结果展示了具体的实现方法和效果。
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
|
4月前
|
XML JavaScript 测试技术
Web自动化测试框架(基础篇)--HTML页面元素和DOM对象
本文为Web自动化测试入门指南,介绍了HTML页面元素和DOM对象的基础知识,以及如何使用Python中的Selenium WebDriver进行元素定位、操作和等待机制,旨在帮助初学者理解Web自动化测试中的关键概念和操作技巧。
56 1
|
7月前
|
前端开发 Java 关系型数据库
基于ssm框架旅游网旅游社交平台前后台管理系统(spring+springmvc+mybatis+maven+tomcat+html)
基于ssm框架旅游网旅游社交平台前后台管理系统(spring+springmvc+mybatis+maven+tomcat+html)
|
7月前
|
前端开发 JavaScript 开发者
【专栏:HTML与CSS实践篇】CSS框架(Bootstrap/Foundation)快速上手
【4月更文挑战第30天】Bootstrap和Foundation是两种流行的CSS框架,用于构建响应式网页。它们包含预定义的样式、栅格系统和组件,加速开发流程。Bootstrap以其12列栅格系统闻名,而Foundation提供更定制化和模块化选项。了解并熟练运用这些框架的基本概念和组件,结合最佳实践和性能优化,能帮助开发者高效创建符合现代设计趋势的网页项目。
134 3
下一篇
DataWorks