当前位置:首页 > 分享 > 正文内容

如何制作框架网页?

访客3年前 (2022-09-13)分享1220

在学习web前端的时候,会学习到关于框架的内容,框架可以将同一个页面分成不同的几部分,每一部分加载不同的网页,我教大家实现一个页面分成两部分,点击左边部分的链接在右边部分显示

操作方法

  • 01

    新建一个网页文件frame.html,后缀名是html,用sublime Text打开

  • 02

    然后写上网页的基本结构,内容如下<!DOCTYPE html><html><head><meta charset="utf-8"><title>1</title></head><body>您的浏览器不支持框架</body></html>

  • 03

    框架标签必须卸载head标签中,在head标签中添加如下内容<frameset cols="20%,80%" border="1"><frame src="./left.html" name=""></frame><frame src="https://zhinan.sogou.com/" name="right"></frame></frameset>

  • 04

    在当前目录下新建一个网页文件,名字必须和上面的框架源代码中使用的名字想通过,这里是left.html,然后写上如下内容<!DOCTYPE html><html><head><meta charset="utf-8"><title>left</title></head><body><ul><li><a href="https://zhinan.sogou.com/" target="right">首页</a></li><li><a href="https://wenwen.sogou.com/?pid=zn.wenwen&ch=zn.daohang.wenwen&src=zhinan" target="right">问问</a></li><li><a href="http://pic.sogou.com/" target="right">图片</a></li></ul></body></html>

  • 05

    使用浏览器打开frame.html文件,结果如下

  • 06

    点击左边的文件,右边就会显示结果

扫描二维码推送至手机访问。

版权声明:本文由冒牌码农发布,如需转载请注明出处。

本文链接:http://asdas.xxbyc.cn/post/1913.html

分享给朋友:

“如何制作框架网页?” 的相关文章

炒萝卜丝的做法图解

炒萝卜丝的做法图解

炒萝卜丝的做法图解步骤/方法01原料:1个萝卜,3个辣椒,2个蒜瓣。02萝卜切成丝03辣椒和蒜切好04热锅下油05倒入萝卜丝翻炒。06加入盐。07倒入适量的鸡精08把辣椒倒入,翻炒至辣椒断生。09翻炒大概3分钟,即可享用。...

服装色彩搭配技巧知识

服装色彩搭配技巧知识

服装色彩搭配是服装感观的第一印象,它有极强的吸引力,若想让其在着装上得到淋漓尽致的发挥,必须充分了解色彩的特性。浅色调和艳丽的色彩有前进感和扩张感,深色调和灰暗的色彩有后退感和收缩感。恰到好处地运用色彩的两种观感,不但可以修正、掩饰身材的不...

乒乓球打弧圈球时发力有哪五个重要环节技巧

乒乓球打弧圈球时发力有哪五个重要环节技巧

确实,能够在乒乓球比赛中熟练运用打弧圈球的朋友,业余中找不到几个。而且对于乒乓球打弧圈球时发力有哪五个重要环节技巧,那就更需要了解此节文章了。很多业余乒乓球球迷朋友都很关心拉弧圈球的发力问题,总想有所提高。但是很多朋友也存在一个误区:总想着...

A1互动传媒经验之中小企业如何做新品网络推广

A1互动传媒经验之中小企业如何做新品网络推广

操作方法01就中小企业而言,在对新产品进行网络推广的时候,不像大型企业那样具有足够的市场推广资金和实力,同时还需要应付对手的竞争,因此,中小企业对新产品或服务进行网络推广时最好选择例如A1互动传媒这种专业新品网络推广公司。新产品网络推广一般...

哪些黑痣容易癌变

哪些黑痣容易癌变

很多人身上都有黑痣,那么你知道哪些黑痣容易发生癌变吗?操作方法01如果你身体上的黑痣不是对称的,也就是说其中一半黑痣于另一半黑痣有明显不一样的时候,这种黑痣可能就会发生癌变。02如果你仔细观察一些黑痣的话,能够发现它的边缘形状都是不规则的,...

宝宝拉肚子怎么办 (绿便、 蛋花样便便)

宝宝拉肚子怎么办 (绿便、 蛋花样便便)

宝宝的肠胃发育还不完全, 在某些方面的变化应得到父母的重视 !今天小编就告诉你怎么解决这些问题。操作方法01如果是浅绿色是没问题的,但是如果是深绿色的可能为消化不良可以给孩子服用点助消化的药物 同时注意饮食;02如果是蛋花便便 可能是着凉...