html学习笔记--框架集标签

简介: 模板 举个栗子: 主页面: 网站后台系统显示页面 ...

模板

<frameset rows="" cols="">
            <frame src=""/>
            <frame name=""/>
        </frameset>

举个栗子:
主页面:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>网站后台系统显示页面</title>
    </head>
    <frameset rows="20%,*">
        <frame src="top.html" />
        <frameset cols="20%,*">
            <frame src="left.html" />
            <frame name="right" />
        </frameset>
    </frameset>
</html>

left页面:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <a href="right.html" target="right">会员管理</a><br/><br/>
        <a href="#">品牌管理</a><br /><br />
        <a href="#">商品管理</a><br /><br />
        <a href="#">分类管理</a>
    </body>
</html>

注意:
rows=”20%,* “ 框架分为上下两部分 一个上窗体占了20%大小 另一个下窗体占了80%大小
cols=”20%,* “ 框架分为左右两部分 一个左窗体占了20%大小 另一个右窗体占了80%大小
src=”top.html” 来源是top.html这个网页
frame中name=”right”表示分框架的名字
left中 < href=”right.html” target=”right”> 表示链接到right.html页面 放在名字为right的分框架中

目录
相关文章
|
22天前
|
移动开发 搜索推荐 HTML5
如何使用HTML5的语义化标签来提高网站的可访问性?
【4月更文挑战第1天】如何使用HTML5的语义化标签来提高网站的可访问性?
24 1
N..
|
1月前
|
前端开发 JavaScript 开发者
HTML框架
HTML框架
N..
12 1
|
1月前
HTML文档基础标签(2)
HTML文档基础标签(2)
|
1月前
|
数据采集 前端开发 JavaScript
html 页面里 noscript 标签的作用介绍
html 页面里 noscript 标签的作用介绍
29 0
|
1月前
HTML常用标签
HTML常用标签
|
7天前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
10 2
|
10天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
18天前
|
JavaScript
Vue移动 HTML 元素到指定位置 teleport 标签
Vue移动 HTML 元素到指定位置 teleport 标签
|
22天前
|
移动开发 搜索推荐 开发者
HTML5中的语义化标签有哪些?
【4月更文挑战第1天】HTML5中的语义化标签有哪些?
9 0
HTML5中的语义化标签有哪些?
|
24天前
|
存储 移动开发 前端开发
html的常用标签
【4月更文挑战第1天】html的常用标签
22 4