1、框架集标签：（作用：将页面进行区域的划分)
　　<frameset rows="" cols="">
　　　　<frame src=""/>
　　　　<frame name=""/>
　　</frameset>

　　属性：
　　　　cols:进行垂直切割划分，可以切割为任一块（参数的值相加=100%，其中有一块可以使用*表示）
　　　　rows:进行水平切割划分，可以切割为任一块（参数的值相加=100%，其中有一块可以使用*表示）
　　一旦划分区域之后，我们需要对具体的区域进行内容的填充，此时需要使用<frame></frame>标签。
　　属性：
　　　　src:指定该区域显示的文件（路径）
　　　　name:它通常会结合超链接的target属性使用，来定义最终的显示位置。

2、实现网站后台显示页面：

首先新建网站后台显示页面的HTML文件，

 <!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>

然后在同一文件夹下新建top.html文件，

 <!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.html文件，

 <!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><br />

     </body>

 </html>

在同一文件夹下新建right.html文件，

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

     </head>

     <body>

         <table border="1px" width="1000px" height="200px" cellpadding="0px" cellspacing="0px" align="center" bordercolor="blue">

             <tr>

                 <td width="25%" align="center">id</td>

                 <td width="25%" align="center">会员名称</td>

                 <td width="25%" align="center">密码</td>

                 <td width="25%" align="center">地址</td>

             </tr>

             <tr>

                 <td width="25%" align="center">1</td>

                 <td width="25%" align="center">lisi</td>

                 <td width="25%" align="center">123</td>

                 <td width="25%" align="center">昌平北七家镇…</td>

             </tr>

             <tr>

                 <td></td>

                 <td></td>

                 <td></td>

                 <td></td>

             </tr>

             <tr>

                 <td></td>

                 <td></td>

                 <td></td>

                 <td></td>

             </tr>

         </table>

     </body>

 </html>

最后，网站后台显示页面的HTML文件在浏览器中运行，效果如下：

点击会员管理，跳出会员信息，

HTML基础——网站后台显示页面的更多相关文章

  1. HTML基础——网站首页显示页面

    1.表格标签: border设置边框,align设置位置(居中等),bgcolor设置背景颜色,cellspacing设置边框之间的空隙,cellpadding设置边框与里面内容的间距. table表 ...

  2. HTML基础——网站图片显示页面

    1.图片标签 <img /> 属性: src:指的是图片显示的路径(位置) 绝对路径:D:\Pictures\Saved Pictures 相对路径: ①同一级:直接写文件名称或者./文件 ...

  3. WordPress基础：wp_list_pages显示页面信息列表

    函数:wp_list_pages($args) 作用:列出某个分类下的分类项目 常见参数说明: 参数 用途  值   sort_column  排序方式 post_title 按标题排序 [默认] m ...

  4. 今天网站后台登录页面需要生成一个二维码，然后在手机app上扫描这个二维码，实现网站登录的效果及其解决方案如下

    要实现二维码登录,需要解决2个技术,1.需要js websocket 与后台php实现长连接技术 2.实现二维码生成技术 要实现这个功能第二个算是比较简单,只需要下载一个php的二维码生成器即可,但要 ...

  5. HTML基础——网站友情链接显示页面

    1.列表标签 有序列表:type默认是1,2,3……,reserved指降序排列 <ol type="I" start="" reversed=" ...

  6. HTML入门（三）后台系统显示页面_框架标签

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. 页面通过Jquery取值然后传值到后台显示underfined是怎么回事？

    页面通过Jquery取值然后传值到后台显示underfined是怎么回事? 一般情况下第一个如果用jQuery取值的,末尾要用val(),如果用$符号取值的,末尾要加上val. eg: busines ...

  8. 安装dede UTF_8时报出了一个致命错误和警告,最后不能显示网站后台和首页了

    安装dede UTF_8时报出了一个致命错误和警告,最后不能显示网站后台和首页了.报错如下: 登陆首页显示:Fatal error: Call to undefined function ParCv( ...

  9. asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发4- 后台模板html页面创建

    上一篇教程<asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发3-登录模块开发>完成了本项目的登录模块,登录后就需要进入后台管理首页了,需要准备一个后台模 ...

随机推荐

  1. ubuntu软件卸载方法

    一.查看软件包 1.查看已安装的软件包 dpkg --list 2.查看不知道要删除软件的具体名称 dpkg --get-selections | grep <软件相关名称> 二.卸载 1 ...

  2. MyEclipse安装TestNG

    1.获取TestNG运行包. (1).直接下载*.jar包并导入项目中. (2).maven下载. http://testng.org/doc/download.html 2.为IDE加载TestNG ...

  3. CSDN日报20170527 ——《人机大战，历史的见证》

    在网络层,互联网提供所有应用程序都要使用的两种类型的服务,尽管目前理解这些服务的细节并不重要,但在所有TCP/IP概述中,都不能忽略他们: 无连接分组交付服务(Connectionless Packe ...

  4. Android WebView访问网站携带登录认证Cookies和动态自定义的cookies

    最近项目几个页面要复用微信程序的网页.但是需要调用微网站登录接口,返回Cookies,webview访问需要的网页的时候携带. 并且还需要几个其他的动态改变的cookie,目的是根据这几个动态自定义c ...

  5. Android设计模式——单例模式

    1.单例模式就是确保一个类,只有一个实例化对象,而且自行实例化并向整个系统提供这个实例. 2.使用场景: 确保某个类,有且只有一个对象,避免产生对个对象,消耗过多的资源. 2.实现单例模式的重要点: ...

  6. iOS构建流畅的交互界面－－CPU，GPU资源消耗的原因和解决方案

    CPU资源消耗的原因和解决方案对象创建轻量对象代替重量对象* 不需要响应触摸事件的控件:CALayer显示* 对象不涉及UI操作,则尽量放到后台线程创建* 包含有CALayer的控件只能在主线程创建和 ...

  7. mongodb主从搭建

    #tigergao 官网进行下包,可以下载源码包或者二进制包,本次下载的为二进制包,进行试验. 主服务器搭建: mkdir mongomaster cp mongodb-linux-x86_64-rh ...

  8. 注解实战@Test标签

    1.创建一个Maven工程 2.点击java,右键-新建一个类 package com.course.testng; import org.testng.annotations.Test; publi ...

  9. 使用sourceMap文件定位小程序错误信息

    sourceMap是什么 在前端开发过程中代码难免会有错误,即便是再小心,也有可能出现 Cannot read property 'xxx' of null 这样的低级失误,debug自然是家常便饭. ...

  10. POJ 3122 Pie（ 二分搜索 ）

    链接:传送门 题意:一个小朋友开生日派对邀请了 F 个朋友,排队上有 N 个 底面半径为 ri ,高度为 1 的派,这 F 个朋友非常不友好,非得"平分"这些派,每个人都不想拿到若 ...