HTML点左边显示右边frameset,HTML里frameset框架

目标:把一个网页分成头、左、右三部分。

三级结构

头里的内容所包含的子内容显示在左侧。

左侧里的内容所包含的子内容(是具体内容)显示在右侧。

思路:先用frameset框架把结构写出来，并且给每一部分起个name比如top、left、right。操作的时候就是在操作这个名字。就比如每个人都有个名字，跟别人打交道时直接叫名字。

top里显示的内容相当于是每一个大的文件夹，不是具体的内容。比如明星、乐器。所以，它们应该是个超链接形式，一点击明星这俩字，left里就会出来明星的名字，比如成龙、周星驰、黄渤。

left里的内容也是文件夹，不是具体的内容。比如成龙，相当于一个包含成龙信息(如各种图片)的文件夹。所以，它也是超链接，点击成龙这俩字，right里就会显示出来具体的成龙的图片。

right里的才是具体的内容。比如成龙的图片。

结构就是top里包含left里的内容，left里包含right里的内容的三级关系。

以top显示两个大类"明星""乐器"；left显示三个小类"成龙""周星驰""黄渤"；"古筝""竹笛""二胡"；right显示具体内容为例。

一、分大框架

先建一个frameset文件命名为frameset.html

＜!DOCTYPE html＞

＜html＞

＜head＞

＜title＞frameset框架＜/title＞

＜meta charset="utf-8"＞

＜/head＞

＜frameset rows="2"＞

＜frame name="top"＞＜/frame＞

＜frameset cols="2"＞

＜frame name="left"＞＜/frame＞

＜frame name="right"＞＜/frame＞

＜/frameset＞

＜/html＞

注:html中frameset是唯一一个不能与body共存的标签。

二、建立文件的过程要反向进行。先有具体的内容，一级一级王上大包。

1、建两个显示在left里的内容文件

一个起名字left1.html

＜!DOCTYPE html＞

＜html＞

＜head＞

＜title＞frameset框架＜/title＞

＜meta charset="utf-8"＞

＜/head＞

＜body＞

成龙

周星驰

黄渤

＜/body＞

HTML点左边显示右边frameset,HTML里frameset框架相关推荐

编写精美的聊天界面（左边显示接收消息，右边显示发送消息）(项目已上传GitHub)
附上我的GitHub项目地址: https://github.com/Skymqq/UIChat.git 学习Android开发,了解一个精美聊天界面的实现是很有必要的,如果可以掌握这个技能,那么在下 ...
Latex Beamer PPT 左边文字右边图片，分栏显示
Latex Beamer PPT 左边文字右边图片,分栏显示 \begin{frame}{Previous model}{Secert Sharing Scheme} \begin{columns}\ ...
CSS 如何实现文字溢出隐藏时，隐藏左边或者右边，并显示省略号
CSS 如何实现文字溢出隐藏时,隐藏左边或者右边,并显示省略号指定一个定宽高的盒子,当文字溢出,会换行显示出来. .box {width: 60px;height: 30px;background- ...
flex布局，左边右边高度固定，左边溢出的内容鼠标滚轮显示，左边滚动右边视图不动
flex布局,左边右边高度固定,左边溢出的内容鼠标滚轮显示,左边滚动右边视图不动代码如下 <!doctype html> <html lang="en"> ...
html文字如何显示在右侧,html点击左边代码右边显示相应的内容
html中点击下载的代码怎么写点击一个链接以后,直接弹出一个对话框,提示用户是否将目标文件保存到按钮显示好像只有 Firefox 和 Chrome内核支持 download 属性,可以试一下所 ...
savefiledialog对话框的取消和确定按钮分别返回一个什么值?_确定按钮该放在左边还是右边？...
更新优化一下. 英国的人机交互课题都喜欢研究一些和文化.游戏.智能硬件.弱势群体之类的"大课题",而我却偏喜欢琢磨一些接地气的东西,比如说:确定按钮应该放在左边还是右边? 做PC端 ...
【JQuery】JQuery+JS实现点击左边，右边出现相应的页面
一. 用iframe方法实现点击左边, 右边出现相应的页面. 我做一个后台, 而且他指出别人没有用iframe, 问我行不行. 只能说行. 没有在网上查看过多的资料, 某天晚上突然想起ajax 里面有 ...
textview 垂直居中_在Textview左边或右边添加图标，换行不错位
平日开发过程中,我们难免会遇到一些图文混排的格式,文字,自然是利用TextView控件去实现,若是单行文字,相信无论是左边还是右边添加图片对小伙伴们来说都不是难事,而且可以利用drawableleft ...
java中菜单的触发事件_javaweb ajax+div实现左边菜单右边内容时点击菜单应该触发事件但是右边没反应...
这样写点击左边菜单时无论怎么点击,叫content那个div都没有内容都不会更新,我猜是不是css的问题这是代码,请问在此基础上要怎么写才能实现左边菜单右边内容呢 JSP Page 22222333 ...

HTML点左边显示右边frameset,HTML里frameset框架

HTML点左边显示右边frameset,HTML里frameset框架相关推荐

最新文章

热门文章