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的分框架中

目录
相关文章
|
11月前
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
327 49
|
11月前
HTML 框架2
iframe标签用于在当前页面中嵌入另一个HTML页面。通过设置frameborder属性为&quot;0&quot;,可以移除iframe边框。iframe的src属性用于指定要嵌入的页面URL。例如,使用`&lt;iframe src=&quot;https://www.runoob.com&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;`可以无边框地显示RUNOOB.COM页面。
|
11月前
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
301 5
|
11月前
HTML 框架1
HTML框架允许在同一个浏览器窗口中同时显示多个页面。`&lt;iframe&gt;`标签用于嵌入其他网页,基本语法为 `&lt;iframe src=&quot;URL&quot;&gt;&lt;/iframe&gt;`。可以通过设置 `height` 和 `width` 属性来调整 iframe 的大小,例如:`&lt;iframe src=&quot;demo_iframe.htm&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;/iframe&gt;`。属性值可以是像素或百分比。
|
11月前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
183 2
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
134 1
|
11月前
HTML 框架3
iframe 是一种在网页中嵌入另一个 HTML 页面的技术。通过设置 iframe 的属性,可以显示指定的目标链接页面。例如,可以使用 iframe 嵌入 RUNOOB.COM 网站。HTML 中的 `&lt;iframe&gt;` 标签用于定义内联框架。
|
11月前
|
存储 移动开发 前端开发
|
Web App开发 数据采集 移动开发
HTML5新增的属性和标签
HTML5新增的属性和标签
407 0

热门文章

最新文章