案例五:网站后台系统页面_lk小强的博客-程序员ITS203

知识笔记—框架集标签、框架子标签

案例五:网站后台系统页面
框架集标签:

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

在这里插入图片描述

需求:

一个网站需要有后台页面,后台页面设计:
在这里插入图片描述

技术分析:

【HTML的框架标签】

框架标签:<frameset >,标签与body标签是冲突,有frameset就可以没有body.
* 属性:
    * rows
    * cols
使用<frame>标签,frame代表切分的每个部分.

步骤分析:
【步骤一】创建一个html的页面
【步骤二】将整个页面分成上下两个部分.
【步骤三】将页面的下半部分分成左右两个部分.
【步骤四】在左侧页面中添加一些链接.
【步骤五】点击左侧链接,将页面的内容显示到右侧.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>框架集标签</title>
	</head>
		<frameset cols="25%,*">
			<frame src="left.html"/>
			<frame src="right.html" />
		</frameset>	
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<font size="7">欢迎XXXX进入后台管理系统</font>
	</body>
</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>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>右侧内容</title>
	</head>
	<body>
		所有用户信息
	</body>
</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>

在这里插入图片描述
在这里插入图片描述

特殊字符的标签:

空格	:&nbsp;		
<	:&lt;
>	:&gt;

注意
这个标签不放在body里

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_40807247/article/details/86499355

智能推荐

浅入浅出TensorFlow 6 - 实现经典网络_linolzhang的博客-程序员ITS203_tensorflow经典网络模型有哪些

一. 经典网络介绍       首先介绍目前比较主流的几种经典网络,AlexNet[2012]、VGG16[2014]、GoogleNet[2014]、ResNet[2015]。       这几种网络都是在 ILSVRC 比赛中脱颖而出的,越往后网络越复杂, ResNet 为152层结构,测试错误率为 3.57%。       二. AlexNet

U盘文件突然变成html文件,U盘里面的文件跟文件夹突然乱码了怎么办_周德峰的博客-程序员ITS203

u盘乱码了怎么办?u盘里面的文件夹或者文件的名称乱码了怎么回事?今天u启动小编帮大家解决u盘突然乱码的问题!u盘里面的文件名乱码,文件很大,而且还不能删除是什么原因呢?又该如何解决呢?u盘文件夹名称突然变成类似:“@?亠?仠”这样的乱码了,又不能删除,删除的时候提示:“无法删除文件,无法读源文件或磁盘。”还有一个问题,就是那些乱码的文件体积都很大哦,有些甚至可以达到几十GB!原因分析:出现这种问题...

基于HLS的sobelIP实现--转载我之前的blog的内容_Laplace666的博客-程序员ITS203_hls sobel

以个人的理解,赛灵思将HLS(高层次综合)定位于更方便的将复杂算法转化为硬件语言,通过添加某些配置条件HLS工具可以把可并行化的C / C ++的代码转化为VHDL或Verilog的,相比于纯人工使用vhdl实现图像算法,该工具综合出的代码的硬件资源占用可能较多,但并没有相差太大。但是却能提高我们的效率,缩短开发周期。下面开始介绍我实现的一个sobel检测,可以把这个模块换成其它的各个加速算法,S...

mysql groonga_Groonga开源搜索引擎——列存储做聚合,没有内建分布式,分片和副本是随mysql或者postgreSQL作为存储引擎由MySQL自身来做分片和副本的..._Artemis Lee的博客-程序员ITS203

1. Characteristics of Groongappt:http://mroonga.org/publication/presentation/groonga-mysqluc2011.pdf1.1. Groonga overviewGroonga is a fast and accurate full text search engine based on inverted index....

随便推点

用ubuntu下载电影:磁力链接,torrent,迅雷链接_发狂的蜗牛的博客-程序员ITS203_ubuntu ed2k

操作系统:Ubuntu 14.04 64位(ubuntu更好级版本也可以)需要软件:Ktorent, Amule安装软件:sudo apt-get install ktorrentsudo apt-get install amule下载磁力链接:1. 打开ktorrent-&gt;Open URL2. 复制磁力链接地址, 粘贴到地址栏里即可。如下图:下载torrent:1. 打开ktorrent-&gt;Open,选择torrent文件即可。如下图..

electron 基础项目搭建 &&主线程和渲染线程的通信_霹雳桃的博客-程序员ITS203_electron主线程通知渲染现成

electron 基础项目搭建,简单的项目实现主线程和渲染线程的通信下面中提到的contextBridge是两个线程通信方式 --- 桥接模式

::ng-deep深度选择器的作用_董厂长的博客-程序员ITS203

在使用一些第三方的组件的时候,要修改组件的样式。这种情况下使用::host ::ng-deep .className{ 新的样式......}这样的方式就可以方便的修改样式了。比如领导嫌nz-timeline组件垂直距离太大,希望整个界面紧凑一点。我们就可以在使用了该组件的的组件中引入这样的CSS代码://修改ant-timeline-item之间的间距:host ::ng-deep .ant-timeline-item{ padding: 0 0 8px;}//修

git强制添加(add)文件_wepe12的博客-程序员ITS203_git add 强制

如:git add a.php  出现了如下问题The following paths are ignored by one of your .gitignore files:Use -f if you really want to add them.fatal: no files added遇到这种情况时候需要使用git  add -f 命令强制添加这个文件: ...

音乐人工智能表现出从冷门转变为热门的巨大潜力_互联网志的博客-程序员ITS203_音乐人工智能热门方向

  今年,音乐人工智能热度持续升温。在CAAI全球人工智能技术大会、世界音乐人工智能大会、2021中国音乐科技应用论坛等近期举办的各种学术活动中,音乐人工智能都是最受关注的话题之一。在人工智能领域,音乐人工智能也许只是细小分支。但是,在音乐家与科学家的共同努力下,音乐人工智能在科研、应用方面都显示出巨大容量,表现出从冷门转变为热门的巨大潜力。  今明两年进入加速发展转折点  相比机器人、语言识别、图像识别、自然语言处理等人工智能的研究方向,音乐人工智能是非常小的分支。在人工智能圈,研究者倾向于探索新的神

推荐文章

热门文章

相关标签