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>
相关文章
|
13天前
|
移动开发 前端开发 JavaScript
HTML 框架高阶用法
HTML框架,或前端框架,如Bootstrap、Vue.js等,显著提升了Web应用开发的速度与用户体验。本文介绍了一些高级技巧,如自定义样式与组件、响应式设计实践、JavaScript功能增强及性能优化策略等,帮助开发者更好地利用这些工具,实现高效开发并提升应用性能与灵活性。
N..
|
5月前
|
前端开发 JavaScript 开发者
HTML框架
HTML框架
N..
40 1
|
12月前
|
前端开发
前端基础 - HTML框架集之FrameSet
前端基础 - HTML框架集之FrameSet
69 0
|
5月前
|
前端开发 搜索推荐 JavaScript
HTML 框架
HTML 框架
|
2月前
|
前端开发
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
这篇文章详细介绍了如何在HTML和CSS中设置背景、设计表格、创建表单以及使用框架集,并通过代码示例和测试结果展示了具体的实现方法和效果。
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
|
2月前
|
XML JavaScript 测试技术
Web自动化测试框架(基础篇)--HTML页面元素和DOM对象
本文为Web自动化测试入门指南,介绍了HTML页面元素和DOM对象的基础知识,以及如何使用Python中的Selenium WebDriver进行元素定位、操作和等待机制,旨在帮助初学者理解Web自动化测试中的关键概念和操作技巧。
40 1
|
5月前
|
前端开发 Java 关系型数据库
基于ssm框架旅游网旅游社交平台前后台管理系统(spring+springmvc+mybatis+maven+tomcat+html)
基于ssm框架旅游网旅游社交平台前后台管理系统(spring+springmvc+mybatis+maven+tomcat+html)
|
5月前
|
前端开发 JavaScript 开发者
【专栏:HTML与CSS实践篇】CSS框架(Bootstrap/Foundation)快速上手
【4月更文挑战第30天】Bootstrap和Foundation是两种流行的CSS框架,用于构建响应式网页。它们包含预定义的样式、栅格系统和组件,加速开发流程。Bootstrap以其12列栅格系统闻名,而Foundation提供更定制化和模块化选项。了解并熟练运用这些框架的基本概念和组件,结合最佳实践和性能优化,能帮助开发者高效创建符合现代设计趋势的网页项目。
102 3
|
5月前
|
前端开发 JavaScript 搜索推荐
react-app框架——使用monaco editor实现online编辑html代码编辑器
react-app框架——使用monaco editor实现online编辑html代码编辑器
243 3
|
5月前
|
机器学习/深度学习 前端开发 JavaScript
探寻前端巨变:从HTML到现代框架的发展历程
探寻前端巨变:从HTML到现代框架的发展历程
76 2