html页面如何划分部分,【HTML】Frameset 的使用 来看看我是怎么划分网页的吧!

本文主要是介绍html页面如何划分部分,【HTML】Frameset 的使用 来看看我是怎么划分网页的吧!,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.一个简单的 HTML 文件

一个普通 HTML 文件的结构可以非常简单,你看:

标题

网页内容

我们可以把以上所示代码保存在一个后缀为.html的文件里(比如demo.html),然后双击在浏览器打开就可以看到效果了。

05c3a0ad81cc9eb7b6377cb35ecf671a.png

大家可以看到,网页内容是写在

标签之间的,body就好像是一个盛放网页内容的容器,也就是我们浏览网页时所能看到的部分。

某人说了,兄弟你这body不好使啊,我要是想同时看三部片 三篇文章还得打开三个网页来回切换不方便啊,能不能给我整到一个页面里,方便我“学习”!

2.body 的替身 frameset

你body干不了的事,我frameset可以,滚开,我上!

标题

如此,body被干下去了,frameset说了,一山不容二虎,你我必走一个。

不能将

标签与 标签同时使用!

但是这frameset虽然强大,但它需要的条件也多,要想一个页面改成同时显示三个页面,就得划分一下地盘,既然是划地盘,你得告诉我按什么比例去划分吧。

所以再给它加个属性,给我竖着分,各占50%:

给我横着分,上边40%,剩下的(*)是下边:

地盘划分完成了,里面该显示片 学习内容了,frameset又说了,显示可以,不要在我这里乱涂乱画,你有两个区域,给你分配两个秘书(frame),把你要展示的那个什么片的地址,不是,学习内容,告诉我的秘书(frame的src),他们会帮你显示的,其它的就不用你操心了。

那就左边显示百度,右边显示hao123吧:

da1e0afc18ca401c0612ad41d265ca97.png

还真可以,把第二种情况给我看看:

869bb1e8964a8d04e9f952df4578d735.png

嗯,现在好像挺好的了,但是这中间的分界线好像可以随便移动啊(鼠标放到分界线上可以左右或者上下拖动改变区域大小),那不行,你不能随便改变我的地盘大小,这时候秘书(frame)说了,给我点好处,我说了算:

给第一个秘书送上了noresize="noresize",现在第一个区域大小就定住了,第二个区域也就根据第一个的区域大小决定了,就一道墙,你动不了了,我还动啥。

某人:”别忘了我们的约定,我要同时显示三个页面。“

frameset:“显示三个是可以,但总共就这么点地方,还被你分成了两个部分,那你说接下来怎么分。”

某人:”把上面的部分再给我分成两部分。“

frameset:“没问题,那我得再叫个兄弟“。

可以看到,frameset为了完成任务,把它的第一个秘书给开除了,让它的兄弟顶上,相当于又扮演它的角色,而且还有两个秘书。

因为第一个收礼的秘书(frame)被开除了,这上下区域的分界线又可以随便被更改了,没办法,给掌管上下地盘的第二个秘书再送一次吧,又想了想,还是一次性办利索吧,给掌管左右区域大小的秘书也送上点礼吧。

77a920a87a2b54c3f60ed4f3de904181.png

被弄下岗的body看了之后很生气,凭什么,你frameset虽然牛B,但是不一定所有浏览器都认可,而我body才是公认的男神!

如果浏览器不支持框架,给不支持框架的浏览器添加 标签。

那就给body点面子,当浏览器不支持frameset的时候,再找个助理把body请出来给大家说明一下。

您的浏览器不支持框架

不过,假如你添加包含一段文本的 标签,就必须将这段文字嵌套于 标签内。

完。

本文地址:https://blog.csdn.net/ZhangJiWei_2019/article/details/107541378

这篇关于html页面如何划分部分,【HTML】Frameset 的使用 来看看我是怎么划分网页的吧!的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/702499

相关文章

C#中checked关键字的使用小结

《C#中checked关键字的使用小结》本文主要介绍了C#中checked关键字的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录✅ 为什么需要checked? 问题:整数溢出是“静默China编程”的(默认)checked的三种用

SpringBoot全局异常拦截与自定义错误页面实现过程解读

《SpringBoot全局异常拦截与自定义错误页面实现过程解读》本文介绍了SpringBoot中全局异常拦截与自定义错误页面的实现方法,包括异常的分类、SpringBoot默认异常处理机制、全局异常拦... 目录一、引言二、Spring Boot异常处理基础2.1 异常的分类2.2 Spring Boot默

C#中预处理器指令的使用小结

《C#中预处理器指令的使用小结》本文主要介绍了C#中预处理器指令的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录 第 1 名:#if/#else/#elif/#endif✅用途:条件编译(绝对最常用!) 典型场景: 示例

Mysql中RelayLog中继日志的使用

《Mysql中RelayLog中继日志的使用》MySQLRelayLog中继日志是主从复制架构中的核心组件,负责将从主库获取的Binlog事件暂存并应用到从库,本文就来详细的介绍一下RelayLog中... 目录一、什么是 Relay Log(中继日志)二、Relay Log 的工作流程三、Relay Lo

使用Redis实现会话管理的示例代码

《使用Redis实现会话管理的示例代码》文章介绍了如何使用Redis实现会话管理,包括会话的创建、读取、更新和删除操作,通过设置会话超时时间并重置,可以确保会话在用户持续活动期间不会过期,此外,展示了... 目录1. 会话管理的基本概念2. 使用Redis实现会话管理2.1 引入依赖2.2 会话管理基本操作

Springboot请求和响应相关注解及使用场景分析

《Springboot请求和响应相关注解及使用场景分析》本文介绍了SpringBoot中用于处理HTTP请求和构建HTTP响应的常用注解,包括@RequestMapping、@RequestParam... 目录1. 请求处理注解@RequestMapping@GetMapping, @PostMappin

springboot3.x使用@NacosValue无法获取配置信息的解决过程

《springboot3.x使用@NacosValue无法获取配置信息的解决过程》在SpringBoot3.x中升级Nacos依赖后,使用@NacosValue无法动态获取配置,通过引入SpringC... 目录一、python问题描述二、解决方案总结一、问题描述springboot从2android.x

SpringBoot整合AOP及使用案例实战

《SpringBoot整合AOP及使用案例实战》本文详细介绍了SpringAOP中的切入点表达式,重点讲解了execution表达式的语法和用法,通过案例实战,展示了AOP的基本使用、结合自定义注解以... 目录一、 引入依赖二、切入点表达式详解三、案例实战1. AOP基本使用2. AOP结合自定义注解3.

Python中Request的安装以及简单的使用方法图文教程

《Python中Request的安装以及简单的使用方法图文教程》python里的request库经常被用于进行网络爬虫,想要学习网络爬虫的同学必须得安装request这个第三方库,:本文主要介绍P... 目录1.Requests 安装cmd 窗口安装为pycharm安装在pycharm设置中为项目安装req

Qt实现对Word网页的读取功能

《Qt实现对Word网页的读取功能》文章介绍了几种在Qt中实现Word文档(.docx/.doc)读写功能的方法,包括基于QAxObject的COM接口调用、DOCX模板替换及跨平台解决方案,重点讨论... 目录1. 核心实现方式2. 基于QAxObject的COM接口调用(Windows专用)2.1 环境