HTML5 - frameset框架集

frameset框架集

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>frameset框架集</title>
    </head>
    <frameset rows="30%,*">
        <frame src="test01.html" />
        <frame src="test02.html" />
    </frameset>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>frameset框架集</title>
    </head>
    <frameset rows="30%,*" frameborder="yes">
        <frame src="http://www.baidu.com"  noresize="noresize" name="topFrame"/>
        <frameset cols="50%,*">
            <frame src="http://www.qq.com" scrolling="no" name="leftFrame" />
            <frame src="http://www.163.com" name="rightFrame"/>
        </frameset>
    </frameset>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title here</title>
    </head>
    <frameset rows="30%,*">
        <frame src="top.html" />
        <frameset cols="30%,*">
            <frame src="left.html"/>
            <frame src="right.html" name="rightFrame"/>
        </frameset>
    </frameset>
</html>

内嵌框架iframe


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>内嵌框架iframe</title>
</head>
<body>
    <div id="container" style="width:500px; margin:0 auto;">
        <div id="header">
            <iframe src="top.html" frameborder="0" scrolling="no"></iframe>
        </div>
        <div id="center">
            <ul type="square">
            <li>CS</li>
            <li>激光</li>
            <li>斗地主</li>
            <li>魔兽争霸</li>
        </ul>
        <ul type="square">
            <li>CS</li>
            <li>激光</li>
            <li>斗地主</li>
            <li>魔兽争霸</li>
        </ul>
        <ul type="square">
            <li>CS</li>
            <li>激光</li>
            <li>斗地主</li>
            <li>魔兽争霸</li>
        </ul>

        <ul type="square">
            <li>CS</li>
            <li>激光</li>
            <li>斗地主</li>
            <li>魔兽争霸</li>
        </ul>
        <ul type="square">
            <li>CS</li>
            <li>激光</li>
            <li>斗地主</li>
            <li>魔兽争霸</li>
        </ul>
        </div>
        <div id="footer">
            <iframe src="test01.html" frameborder="0" scrolling="no"></iframe>
        </div>
    </div>
</body>
</html>
时间: 2024-10-10 20:36:16

HTML5 - frameset框架集的相关文章

frameset框架集

frame使用注意事项: 1.frame不能脱离frameset单独使用 2.frame不能放在body标签中,不然不起效果. 3.frame的高度只能由frameset来决定. frameset:是框架集:里面只能存在frame,其它内容不能存在. frameset/frame常用属性: 1.cols="90%,*": 垂直切割页面(左右切割),值可以是整数(像素).百分比和*.*代表占用剩余的空间.值的个数代表被切割成多少个页面.例如:cols="10%,80%,*&qu

【转】frameset 框架集使用语法,常用语后台。

XHTML 框架概述 框架的使用可以让浏览器“分割”成多个页面显示内容,常用于如网站后台管理这些菜单项目固定,且对美观性和搜索引擎要求不高的地方. 框架的优缺点 框架方便制作栏目导航,操作各栏目时不需要重新载入整个页面 框架会产生较多页面,不易管理 不容易打印整个框架页面 对搜索引擎不友好 基于框架的以上特点,目前框架几乎只用于系统后台管理中,而不建议使用于页面展示中. 上下框架 我们以最简单的上下框架来分析框架的原理. 创建一个名字为frame.html新页面,关键代码如下: <!DOCTYP

每日一题_JavaScript.利用Js操作frameset框架集对象实现购物车?

具体需求: 1. 框架集中包含上下两个框架,上面为购物车,下面为商品列表,点击商品列表中购买,实现购物车中额数字增加并传递商品ID 实现思路: 具体代码: shopping.html <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title></title>     </head>     <fr

Html(2)——frameset内嵌框架集

1.frameset框架集,cols竖向分,rows横向分,border边框宽度.例如:cols="25%,50%,*",*代表剩余的.此语句为竖向划分成三个页面分别占比25,50,25. 例:1.框架 <!doctype html><heml><head><title>高泽文</title> <meta http-equiv="Content-Type" content="text/htm

常见页面布局方式(三种框架集)

frameset框架集 Frameset标签可定义一个框架集,它用来组织多个窗口(框架),每个框架有独立的html文档,在石油frameset是,不可以同时存在body标签,他和body标签是同级的. 多个框架组成了一个框架集 1 框架集标签(frameset)第一如何将窗口分割为框架 2 每个frameset 第一了一系列行货列 3 rows.columns的值规定了每行或每列占据屏幕的面积 frameset的一些属性 cols""把一个浏览器窗口按列进行切割,也就是把浏览器竖着切分

HTML框架(frameset框架集和iframe内嵌框架)

HTML框架:1.frameset框架集2.iframe内嵌框架 1.frameset框架集 1.1 创建框架网页的步骤: (1)创建各个子窗口对应的HTML文件 (2)创建整个框架文件,分别引用子窗口文件 1.2 创建框架页面的基本语法:  <frameset cols="25%,50%,*" row="50%,*" border="5">  <frame src="top.html"> ......

HTML框架集之Frameset与Iframe简单应用

首先我们要明白此框架集的作用: 实现在一个页面中访问多个html页面的目的Frameset的用法: //定义框架集<frameset><frame src="demo.html" /></frameset> frame的属性有: src:链接的url id:名称 name:名称 scrolling:是否滚动(yes/no/auto) noresize:"noresize" 防止鼠标调整框架大小 Frameset的属性有: rows

html中的超链接标签-a标签 和 框架frame与框架集frameset

我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接. 就比如下图是一个导航类网页,当你单击某个链接就会打开新的网页. 比如,我拿我的qq空间“金河访谈”举例,新建一个网页 a.html,输入下面的内容: <html> <head> <title> html中的超链接标签-a标签 </title> </head> <body> 1,直接转向其他页面: <a href="http://1

6.1 HTML5的框架

1.框架标签(frame):框架对于页面的设计有着很大的作用 2.框架集标签(frameset)框架集标签定义如何将窗口分割为框架每一个frameset定义一系列行和列frameset标签中含有一个或多个frame标签rows/cols的值规定了每行或每列占据屏幕的面积(可以用百分比表示) 3.常用标签:norsize:固定框架大小cols:列rows:行 4.内敛框架iframe <frameset>标签配合<frame>标签组成html5的框架<frameset>标