百度360必应搜狗淘宝本站头条
分布式事务框架shiro框架java日志框架框架图cad怎么画框架
当前位置：网站首页 > 技术文章 > 正文

HTML 框架标签——frameset（html框架怎么写）

ccwgpt 2024-09-29 09:39 29 浏览 0 评论

框架是将一个页面划分为若干个窗口, 每一个窗口都是独立;

要实现框架必须使用框架型的DTD;

框架就像一个窗户是由窗格和玻璃组成;

框架中不能有body及body子标记;

框架是由框架集(frameset)和框架页(frame)组成;

格式：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
</head>
<frameset>
<frame />
<frame />
</frameset>
</html>

框架标签:

<frameset></frameset> 放在一个框架文档的<body>标签之前, 也可以嵌在其他框架文档中;

框架中不能有body及body子标记, 框架是由框架集(frameset)和框架页(frame)组成;

<frameset rows="value,value"> 定义一个框架内的行数, 可用像素值或高度百分比;

<frameset cols="value,value"> 定义一个框架内的列数, 可用像素值或宽度百分比;

<frameset cols="120,*"></frameset>

<frameset cols="25%,50%,25%"></frameset>

<frameset rows="120,*"></frameset>

<frameset rows="25%,50%,25%"></frameset>

frameborder 框架边框显示属性

该属性用于指定框架周围是否显示边框, 取值有1(显示边框, 默认值)和0(不显示边框)。

framespacing 该属性用于指定框架之间的间隔, 以像素为单位。

如果不设置该属性，则框架之间没有间隔。

border 指定边框宽度属性

该属性用于指定边框的宽度, 只有在frameborder属性为1时有效。

bordercolor 指定边框颜色

<noframes></noframes> 定义在不支持框架的浏览器中显示什么提示;

<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.html"/>
<frame src="frame_b.html"/>
<frame src="frame_c.html"/>
<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>
</frameset>
</html>

<frame> 定义一个框架内的单一窗或窗区域;

<frame src="url"> 规定框架内显示的html文档;

<frame name="name"> 命名框架或区域以便别的框架可以指向它;

<frame marginwidth=""> 定义框架左右边缘的空白大小,必须大于等于1;

<frame marginheight=""> 定义框架上下边缘的空白大小,必须大于等于1;

<frame scrolling=""> 设置框架是否有滚动栏,其值可以是"yes","no",或"auto";

<frame noresize> 禁止用户调整一个框架的大小;其值只有一个"noresize"

<frame src="frame_a.htm" longdesc="w3school.txt" /> longdesc属性指向了带有框架内容长描述的页面：

<iframe></iframe> 创建一个内联的框架;

src 定义在框架中显示的内容的来源;

frameborder 规定是否显示框架周围的边框。(0或1);

align 控制对齐方式(left、right、middle、top、bottom);

height 框架的高度,

width 框架的宽度;

marginheight 定义 iframe 的顶部和底部的边距。

marginwidth 定义 iframe 的左侧和右侧的边距。

scrolling 规定是否在 iframe 中显示滚动条(yes、no、auto)。

name 规定 iframe 的名称。

bordercolor 指定边框颜色

<iframe src ="/index.html" frameborder="0" bordercolor="red">

<p>Your browser does not support iframes.</p>

</iframe>


关于框架集<frameset></frameset>中属性cols rows分割方法理解

<frameset cols="40%,2*,*"> 将窗口分为40%，40%，20%

<frameset cols="100,200,*"> 将窗口分为100像素，200像素和剩下的700像素

<frameset cols="100,*,*"> 　　 将100像素以外的窗口平均分配

<frameset cols="*,*,*"> 　　　 将窗口分为三等份

<frameset rows="*,*,*"> 总共有三个按列排列的帧,每个帧占整个浏览器窗口的1/3

<frameset cols="40%,*,*"> 总共有三个按行排列的帧,第一个帧占整个浏览器窗口的40%,剩下的空间平均分配给另外两个帧

<frameset rows="40%,*" cols="50%,*,200">

以上"*"表示剩余部分

总共有六个帧,先是在第一行中从左到右排列三个帧,然后在第二行中从左到右再排列三个帧,即两行三列,

所占空间依据rows和cols属性的值,其中200的单位是像素

属性汇总:

frameset(框架集)

rows 它是将框架集划分为上下型

cols 它是将框架划分为左右型

border 是用于设置框架的边框粗细

frameborder 是用于设置是否显示边框, 取值：yes|no或1|0

bordercolor 用于设置框架边框的颜色

frame(框架页)

noresize 是否可以调整小窗口的大小

name 用于设置小窗口的名称

src 小窗口的url

scroll 是否显示滚动条 yes|no|auto

实例: iframe满屏方案

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>iframe满屏方案</title>
<style>
body {
margin: 0; /* Reset default margin */
}
iframe {
display: block; /* iframes are inline by default */
background: #000;
border: none; /* Reset default border */
height: 100vh; /* Viewport-relative units */
width: 100vw;
}
</style>
</head>
<body>
<iframe src="http://xxx.xxx.xxx.xxx:10002/vnc.html?username=superadmin&course=hd-linux&chart=hd-linux&version=v1.0.0"></iframe>
</body>
</html>

相关推荐

Python+ Appium:Android手机连接与操作详解(附源码)

在移动端自动化测试领域，Appium一直是最热门的开源工具之一。今天这篇文章，我们聚焦Android端自动化测试的完整流程，从环境配置到代码实战，一步一步带你掌握用Python控制Android...

全平台开源即时通讯IM框架MobileIMSDK开发指南，支持鸿蒙NEXT

写在前面在着手基于MobileIMSDK开发自已的即时通讯应用前，建议以Demo工程为脚手架，快速上手MobileIMSDK！Demo工程主要用于演示SDK的API调用等，它位于SDK完整下载包的如下...

移动开发(一):使用.NET MAUI开发第一个安卓APP

对于工作多年的C#程序员来说，近来想尝试开发一款安卓APP，考虑了很久最终选择使用.NETMAUI这个微软官方的框架来尝试体验开发安卓APP，毕竟是使用VisualStudio开发工具，使用起来也...

在安卓系统上开发一款软件详细的流程

安卓app软件开发流程是一个系统而复杂的过程，涉及多个阶段和环节。以下是一个典型的安卓软件开发流程概述：1.需求分析目的：了解用户需求，确定APP的目标、功能、特性和预期效果。活动：开发团队与客户进...

ArkUI-X在Android上使用Fragment开发指南

本文介绍将ArkUI框架的UIAbility跨平台部署至Android平台Fragment的使用说明，实现Android原生Fragment和ArkUI跨平台Fragment的混合开发，方便开发者灵活...

Web3开发者必须要知道的6个框架与开发工具

在Web3领域，随着去中心化应用和区块链的兴起，开发者们需要掌握适用于这一新兴技术的框架与开发工具。这些工具和框架能够提供简化开发流程、增强安全性以及提供更好的用户体验。1.Truffle：Truff...

Python开发web指南之创建你的RESTful APP

上回我们说到了：PythonFlask开发web指南：创建RESTAPI。我们知道了Flask是一个web轻量级框架，可以在上面做一些扩展，我们还用Flask创建了API，也说到了...

python的web开发框架有哪些（python主流web框架）

　　python在web开发方面有着广泛的应用。鉴于各种各样的框架，对于开发者来说如何选择将成为一个问题。为此，我特此对比较常见的几种框架从性能、使用感受以及应用情况进行一个粗略的分析。　　1Dja...

Qwik:革新Web开发的新框架（webview开源框架）

听说关注我的人，都实现了财富自由！你还在等什么？赶紧加入我们，一起走向人生巅峰！Qwik：革新Web开发的新框架Qwik橫空出世：一场颠覆前端格局的革命？是炒作还是未来？前端框架的更新迭代速度，如同...

Python中Web开发框架有哪些?（python主流web框架）

Python为Web开发提供了许多优秀的框架。以下是一些流行的PythonWeb框架：1.Django：一个高级的Web框架，旨在快速开发干净、实用的Web应用。Django遵...

WPF 工业自动化数据管控框架，支持热拔插 DLL与多语言实现

前言工业自动化开发中，设备数据的采集、处理与管理成为提升生产效率和实现智能制造的关键环节。为了简化开发流程、提高系统的灵活性与可维护性，StarRyEdgeFramework应运而生。该框架专注...

[汇川PLC] 汇川IFA程序框架06-建立气缸控制FB块

前言：汇川的iFA要跟西门子对标啦，这可是新的选择！就在2月14日，汇川刚发布的iFA平台，一眼就能看出来是对标西门子的全集成自动化平台博途（TIAPortal）。这个平台能在同一个...

微软发布.NET 10首个预览版:JIT编译器再进化、跨平台开发更流畅

IT之家2月26日消息，微软.NET团队昨日（2月25日）发布博文，宣布推出.NET10首个预览版更新，重点改进.NETRuntime、SDK、libraries、C#、AS...

大模型部署革命:GGUF量化+vLLM推理的极致性能调优方案

本文较长，建议点赞收藏，以免遗失。更多AI大模型应用开发学习视频及资料，尽在官网-聚客AI学院大模型应用开发微调项目实践课程学习平台一、模型微调核心概念与技术演进1.1微调的本质与优势数学表达：1....

拓扑学到底在研究什么?（拓扑学到底在研究什么问题）

拓扑是“不量尺寸的几何学”，那么它的核心内容，主要方法是什么？如果你问罗巴切夫斯基，他会说“附贴性是物体的一个特殊的属性。如果我们把这个性质掌握，而把物体其他的一切属性，不问是本质的或偶然出现的，均不...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表