frame标签使用方法及注意事项

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


前言

昨天一个朋友问了我关于frame标签,由于好久没接触这个,为了确保答案正确性,但是我在网上找了下,很多人写了,但是不太详细,我整理了一下,方便大家以下是本篇文章正文内容,下面案例可供参考

一、frame标签是什么?

标签定义 frameset 中的一个特定的窗口(框架)。

frameset 中的每个框架都可以设置不同的属性,比如 border、scrolling、noresize 等等。

二、使用步骤

1.简单框架划分页面

纵向分割(横向用法一样,横向是rows)代码如下(示例):

上面效果两个都是一样的,二选一即可

数值划分,因为屏幕尺寸太大,所以按照相应的比例扩大

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

a2.html代码b2c2一样只是颜色不同

提示和注释:
注释:如果您希望验证包含框架的页面,请确保 doctype 被设置为 “Frameset DTD”。阅读更多有关 DOCTYPE 的内容。
重要事项:您不能与 标签一起使用 标签。不过,如果您需要为不支持框架的浏览器添加一个 标签,请务必将此标签放置在 标签中!

2.frame框架划分页面案例

在这里插入图片描述

b.html代码如下(示例):

	<a href="b1.html" target="right">照片</a><br  />
	<a href="b1.html" target="right">照片2</a><br  />
	<a href="b1.html" target="right">照片3</a><br  />
	<a href="b1.html" target="right">照片4</a>
</body>
![a1效果图](https://img-blog.csdnimg.cn/20200829131307446.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tzdzAwMA==,size_16,color_FFFFFF,t_70#pic_center) top.html代码如下

我的个人相册

![在这里插入图片描述](https://img-blog.csdnimg.cn/2020082913182630.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tzdzAwMA==,size_16,color_FFFFFF,t_70#pic_center)

c.html 空页面无代码
b1.html 代码如下,放了张图片

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200829132132437.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tzdzAwMA==,size_16,color_FFFFFF,t_70#pic_center) a.html 代码如下,框架划分页面引用 q

描述
点击左侧链接图片就出来啦,大家可以试一试。

总结

标签框架要使里面出现内容要使用引用页面, 也要设置name,即跳转显示页面如a.html,b.html,name 名字可以自定义。以上就是要讲的内容,本文仅仅简单介绍了frame标签的使用和几个案例。
  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ksw000

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值