html-frameset

最新推荐文章于 2021-06-29 20:10:31 发布
最新推荐文章于 2021-06-29 20:10:31 发布
阅读量162 收藏 1
点赞数
分类专栏： 入门 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52192654/article/details/114385082
版权 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>frameset练习</title>
	</head>
	<frameset style="background-color: red;" cols="20%,80%">
		<!-- 列表 -->
		<frame name="liebiao" src="mulu.html"frameborder="no"framespacing="0px" noresize="noresize">
		<!-- 头部和表格 -->
		<frameset style="background-color: red;" rows="30%,70%">
			<!-- //头部 -->
			<frame name="toubu" src="top.html" frameborder="no" framespacing="0px" noresize="noresize">
			<!-- 表格 -->
			<frame name="bioage" src="body.html"frameborder="no"framespacing="0"noresize="noresize" >
		</frameset>
	</frameset>
</html>

左边

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>目录</title>
		<style>
			a{
				margin: 10px;
				font-size: 30px;
				color: white;
			}
			a:hover{
				color: red;
			}
		</style>
	</head>
	<body background="imgs/3.jpg"style="background-size: cover;
										background-attachment: fixed;
											">
				
				<ul  type="square">
					<a href="body.html" target="bioage" ><li>公司职员表</li></a>
					<a href="body2.html" target="bioage"><li>用户信息表</li></a>
					<a href="body3.html" target="bioage"><li>公司部门表</li></a>
					<a href="body4.html" target="bioage"><li>职员信息表</li></a>
				</ul>
				
		
	</body>
</html>

顶部

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>顶部</title>
	</head>
	<body background="imgs/14.jpg"style="background-size: cover;
										 background-attachment: fixed;">
					<h1 style="color: white; text-align: center;"align="center" >XXX公司内部信息管理系统</h1>
		
	</body>
</html>

表格

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格</title>
	</head>
	<body bgcolor="aqua">
		<center>
		<table border="1px" cellspacing="0px" cellpadding="3px"align="center"style="
																					text-align: center;
																					width: 600px;
																					height: 500px;
		">	<tr>
				<th colspan="6">查询
				 <input type="text" name="" id="" value="" placeholder="请输入员工编号"/>
				 <input type="button" name="" id="" value="查询" /></th>
			</tr>
			<tr><th colspan="6">公司职员表</th></tr>
			<tr><td>职员编号</td>
				<td>职员姓名</td>
				<td>职员职位</td>
				<td>职员职位</td>
				<td>职员职位</td>
				<td>职员职位</td>
			</tr>
			<tr><td>1001</td>
				<td>张三</td>
				<td>普通员工</td>
				<td>职员职位</td>
				<td>职员职位</td>
				<td>职员职位</td>
			</tr>
			<tr><td>1002</td>
				<td>张四</td>
				<td>普通员工</td>
				<td>职员职位</td>
				<td>职员职位</td>
				<td>职员职位</td>
			</tr>
			<tr><td>1003</td>
				<td>张五</td>
				<td>普通员工</td>
				<td>职员职位</td>
				<td>职员职位</td>
				<td>职员职位</td>
			</tr>
			<tr><td>1004</td>
				<td>张六</td>
				<td>普通员工</td>
				<td>职员职位</td>
				<td>职员职位</td>
				<td>职员职位</td>
			</tr>
		
		</table>
		</center>
		
	</body>
</html>

 

画_船_听_雨
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JavaScript基础知识点总结、三
weixin_52192654的博客
11-14 1万+
JavaScript_3 JavaScript 运算符 1.算术运算符 + 、-、*、/、%、++、--。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>算术运算符</title> <script> window.onload=function(){ //1.算术运算符 + 、-、*、/、%、++、--。
Java中的字符串操作类【String】与八种封装类
weixin_52192654的博客
12-19 1049
Java中的字符串操作类【String】与八种封装类 一、String类如何创建对象,有哪些常用方法？ public final class String String类---表示一个字符串类【处理字符串数据的操作方法】 String类是使用final修饰符修饰的，说明它没有子类，不可被继承。 Java程序中的所有字符串文字（例如"abc"）都被实现为此类的实例。 字符串不变; 它们的值...
html frameset 练习
weixin_33869377的博客
05-05 170
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <...
有关FrameSets的练习项目
11-22
我以前做过的小项目，重在锻炼初学者框架的使用，另外还有一些STRUTS的应用
html右侧分为两个框架,html页面框架frameset将页面分为多个窗口与frame的参数
weixin_39782500的博客
05-31 1224
1.下面是最典型的使用方法，将页面分为上下两个窗口。2.将页面垂直分成三个窗口。解释一下frameset参数：cols="200px,*" //左右分割窗口，左边200像素，rows="40%，60%"//上下分割窗口，上窗口宽度40% 下窗口宽度60%，cols同理cols="20%,*" //左右分割窗口，左边宽度20%，右边自适应，rows同理cols="20%,...
【html】有趣的frameset标签
热门推荐
至尊宝
03-11 2万+
强烈推荐一个大神的人工智能的教程：http://www.captainbed.net/zhanghan 一、前言 之前学习一直没把前台的知识当回事，现在工作了可知道写不出代码有多难受了！现在有机会跟着勇哥重新学习一下前台的知识，真是兴奋不已啊！今天我又大开眼界啦，简单的一个标签竟然能做出这么酷炫的效果，能在学习一下这些知识，真是心里偷着乐啊！言归正传，本篇博文记录一下小编学习html的...
html网页代码源--frameset用法整理.pdf
10-30
html网页代码源--frameset用法整理.pdf
html网页代码源--frameset用法
08-29
html中framset布局自我总结，整理了很长时间
HTML Frameset 例子代码
09-28
一篇，介绍一个Frameset做的简单到不能再简单的框架。好先来看看这个框架的页面构成，由于是纯手工做的测试程序，所以只是在Notepa++中做了一下代码，很粗略。但是还是包含了Frameset中的大致内容的。好，言归正传，...
jquery-frameset:通过div使页面自动分屏，实现与原生frameset一样的功能
07-07
js-frameset 通过div使页面自动分屏，实现与原生frameset一样的功能 在页面加载star-frameset.js即可，会自动查找$(".frameset")进行分屏 原生的frameset使用 <frameset rows="25%,50%,25%"> <frame src=...
简单后台管理系统框架--HTML练手项目2【Frameset】
weixin_30670965的博客
07-06 449
【本文为原创，转载请注明出处】 技术【HTML】 布局【Frameset】 无步骤 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后台管理系统框架</title> &l...
html frameset边框,frameset框架集(示例代码)
weixin_35718537的博客
06-29 620
frame使用注意事项：1、frame不能脱离frameset单独使用2、frame不能放在body标签中，不然不起效果。3、frame的高度只能由frameset来决定。frameset：是框架集；里面只能存在frame，其它内容不能存在。frameset/frame常用属性：1、cols="90%,*":垂直切割页面(左右切割)，值可以是整数(像素)、百分比和*。*代表占用剩余的空间。值的个数...
非常简单的一个HTML Frameset例子
hanxing0的专栏
06-13 6834
   这一篇，介绍一个Frameset做的简单到不能再简单的框架。       好先来看看这个框架的页面构成，由于是纯手工做的测试程序，所以只是在Notepa++中做了一下代码，很粗略。但是还是包含了Frameset中的大致内容的。好，言归正传，首先看一下文件构成。1.Frame.html包含框架的结构2.link.html包含框架左侧菜单栏3.firstPage.html包含框架
JavaScript复习(二)
weixin_52192654的博客
03-10 1万+
一、JavaScript 运算符 1.算术运算符 + 、-、*、/、%、++、--。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>算数运算符</title> <script type="text/javascript"> window.onload= function(){ //1算术运算符+、-、*、/、...
java-servlet连接数据库
weixin_52192654的博客
03-24 961
简单的学生管理页面 1.创建保存学生信息的类 package com.wangxing.student.bean; /** * 保存学生信息的类 * @author 14336 * */ public class StudentBean { private int stuid; private String stuname; private String stupass; private int stuage; private String stuaddress; public i
html-简易仿制百度页面
weixin_52192654的博客
03-05 912
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="imgs/favicon.ico"/> <link rel="stylesheet" type="text/css...
Java中的 时间日历的操作类(Calendar)与时间日期操作类(Date)
weixin_52192654的博客
12-22 772
Java中的 时间日期的操作类(Calendar) 一、Calendar如何创建对象,有哪些常用方法？ Calendar类的定义 public abstract class Calendar他是一个抽象类，它不能通过new+构造方法的方式构建对象 构造方法: protected Calendar()构建具有默认时区和默认的 FORMAT语言环境的日历。 protected Calendar(TimeZonezone, ...
Javascript对象、属性、方法总结（复习）
weixin_52192654的博客
12-01 765
Javascript对象、属性、方法总结 1.javaScript是什么？ javaScript----是一种面向对象的脚本语言。 面向对象是一种编程思想，看不见摸不着，只能体会，用实际行动来证明。 面向对象这种编程思想是对面向过程的思想的升华。 面向过程的思想 脚本---写好的程序不需要中间转换，就能立即在运行环境中运行。javaScript，SQL 独立的javascript文件链接方法<script src="mytest.js"></script> 2..
html frameset布局实例
最新发布
05-17
以下是一个基本的HTML Frameset布局示例。Frameset标记用于在同一页面中分隔和显示多个HTML文档，每个文档都可以在其自己的框架中加载。 ``` <!DOCTYPE html> <html> <title>Frameset Layout Example <frameset ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值