前端基础 - HTML框架集之FrameSet

简介: 前端基础 - HTML框架集之FrameSet

HTML之FrameSet

效果图:

项目结构图:

frame.html代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <!--
    注意使用frameset,不能使用body
    -->
    <frameset rows="10%,*,10%">
      <frame src="top.html"/>
      <frameset cols="20%,*">
        <frame src="left.html"/>
        <frame name="rightFrame"/>
      </frameset>
      <frame src="bottom.html"/>
    </frameset>
</html>

left.html代码:

<ul>
  <li><a href="xt.html" target="rightFrame">系统管理</a></li>
  <li><a href="ry.html" target="rightFrame">人员管理</a></li>
</ul>
目录
相关文章
|
1天前
|
前端开发 JavaScript Java
基于Vue+ElementUI框架实现学生管理系统前端页面设计
基于Vue+ElementUI框架实现学生管理系统前端页面设计
|
1天前
|
JavaScript 前端开发 开发者
前端核心框架Vue指令详解
前端核心框架Vue指令详解
|
1天前
|
JavaScript 前端开发 Java
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(二)
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(二)
|
1天前
|
前端开发 数据安全/隐私保护
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(一)
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(一)
|
1天前
|
JavaScript 前端开发
前端学习核心框架Vue2基础入门+实战教程
前端学习核心框架Vue2基础入门+实战教程
|
4天前
|
前端开发 JavaScript API
【前端】三种方法实现HTML页面局部打印(ctrl+p效果)效果
【前端】三种方法实现HTML页面局部打印(ctrl+p效果)效果
9 0
|
5天前
|
JavaScript 前端开发
Vue如何使用ELEMENT前端框架,以及其他框架
Vue如何使用ELEMENT前端框架,以及其他框架
|
5天前
|
前端开发 网络协议 JavaScript
程序员必知:前端之HTML
程序员必知:前端之HTML
|
6天前
|
前端开发 JavaScript 数据管理
引领潮流:React框架在前端开发中的革新与实践
React,始于2013年,由Facebook驱动,以其组件化、Virtual DOM、单向数据流和Hooks改革前端。组件化拆分UI,提升代码复用;Virtual DOM优化渲染性能;Hooks简化无类组件的状态管理。庞大的生态系统,包括Redux、React Router等库,支持各种需求。例如,`useState` Hook在计数器应用中实现状态更新,展示React的实用性。React现已成为现代Web开发的首选框架。【6月更文挑战第24天】
30 2
|
8天前
|
开发框架 小程序 前端开发
uni-app前端应用开发框架
uni-app对做移动端开发的来说应该无人不知、无人不晓了吧?!从名字就能看出来这个框架要干啥,unify app——没错,就是统一前端应用开发,不管你是小程序、app、还是H5、公众号,用这个框架都能做。uni-app让开发者编写一套代码,就可以编译为安卓app、ios app、微信小程序、抖音小程序、支付宝小程序等十几个平台,而且马上支持纯血鸿蒙了,这简直是个人、开发工作室、小型开发公司的福音,开发一些常规的app、小程序,用这个框架足够了。
21 7