web从入门开始(6)-----框架
普通框架
- 框架概念:就是将一个页面分割成小窗口,每个窗口都是一个网页
- 框架集和框架页
框架集:<frameset>:主要用来划分窗口的
框架页:<frame>:主要用来指定窗口默认显示的网页地址
比喻:窗户框(框架集)和玻璃(框架页)
格式:
<frameset>
<frame/>
<frame/c>
<frameset/>
- <frameset>:框架类型只能有一个
属性:
l cols :划分左右型的框架
u cols=”200,*” //左框架宽度为200px,剩下的是右框架
u cols=“180,*,180” //左框架,右框架分别是180px,剩下的是中间框架
u cols=“20%,*” //左框架为页面的20%
l rows:划分上下框架
u 方式同左右框架
l fameborder:是否显示框架的边框线 “0”or“1”
l border:边框的粗细
l bordercolor:边框的颜色
l scrlling:是否显示滚动条 “0”or“1”
- <frame>:
属性:
l src:该小窗口中默认显示的网页的地址和路径
l noresize:不能调整窗口页的大小 例如:noresize=”noresize”
l name:小窗口的名字 ----这个属性通常是给<a>标记target属性来用的
使用效果:
当点击左侧某个关键字时:
在右侧框架页中显示内容
- <noframes>含义
当你的浏览器不支持框架的时候,显示的内容(但是现在浏览器都支持框架)
语法:<noframes></noframes>
框架制作:
1) 框架结构的规划
2) 制作具体的页面
注意:框架网页的DTD必须是
<!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0Framexet//EN””http://www.w3.org/TR/xhtml 1/DTD/xhtml1- framexet.dtd”>
行内框架(内嵌框架)
l 描述:内嵌框架,相对于在现有的网页中,挖了一个“窟窿”,透过这个“窟窿”可以看见里面的内容
l 于普通框架的区别:<ifrme>是<body>的子标记,因此,他应该放在<body>中
l 语法格式:<iframe 属性=“值”>当格式不支持时显示的页面</iframe>
l 常用属性
u src :引入文件的位置
u width :框架的宽度
u height :框架的高度
u frameborder :是否显示框架的边框线.取值:”0 ” or “1”
u name :指定窗口的名称,通常是给<a>标记target属性来用的
u align:框架中网页的对其方式,可以实现图文混排
n 注意:src引入的只能是hph文件,不能是其他文件
web从入门开始(6)-----框架的更多相关文章
- JAVA WEB快速入门之从编写一个基于SpringMVC框架的网站了解Maven、SpringMVC、SpringJDBC
接上篇<JAVA WEB快速入门之通过一个简单的Spring项目了解Spring的核心(AOP.IOC)>,了解了Spring的核心(AOP.IOC)后,我们再来学习与实践Maven.Sp ...
- Web API 入门指南 - 闲话安全
Web API入门指南有些朋友回复问了些安全方面的问题,安全方面可以写的东西实在太多了,这里尽量围绕着Web API的安全性来展开,介绍一些安全的基本概念,常见安全隐患.相关的防御技巧以及Web AP ...
- 快速入门系列--WebAPI--03框架你值得拥有
接下来进入的是俺在ASP.NET学习中最重要的WebAPI部分,在现在流行的互联网场景下,WebAPI可以和HTML5.单页应用程序SPA等技术和理念很好的结合在一起.所谓ASP.NET WebAPI ...
- 转载-Web API 入门
An Introduction to ASP.NET Web API 目前感觉最好的Web API入门教程 HTTP状态码 Web API 强势入门指南 Install Mongodb Getting ...
- 掌握Tiles 框架 (一)---Tiles入门和Tiles 框架和体系结构
掌握Tiles 框架 (一)---Tiles入门和Tiles 框架和体系结构 入门 本教程所讲述的内容 本教程讲述如何使用 Tiles 框架来创建可重用的表示组件.(在最初创建它时,Tiles 框架被 ...
- 【python】 web开发入门
进入Web开发 现在你完成了Python忍者训练,准备深入Ptyhon的Web开发,但现在的问题是有很多的框架,从中选择最好的框架非常困难,但从初学者的角度出发,Flask基本Web框架将非常适合We ...
- Web API入门指南(安全)转
安全检测的工具站点:https://www.owasp.org/index.php/Category:Vulnerability_Scanning_Tools Web API入门指南有些朋友回复问了些 ...
- (转)Web Service入门简介(一个简单的WebService示例)
Web Service入门简介 一.Web Service简介 1.1.Web Service基本概念 Web Service也叫XML Web Service WebService是一种可以接收从I ...
- Web API 入门指南
Web API 入门指南 - 闲话安全2013-09-21 18:56 by 微软互联网开发支持, 231 阅读, 3 评论, 收藏, 编辑 Web API入门指南有些朋友回复问了些安全方面的问题,安 ...
- Web开发入门学习笔记
公司web项目终于要启动了,本以为django学习可以在实战中进行,结果最终使用了Drupal框架,好吧,那我们就PHP走起,买了本<细说PHP>,先跟着过一遍Web开发入门. HTTP协 ...
随机推荐
- POJ2115(扩展欧几里得)
C Looooops Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 23700 Accepted: 6550 Descr ...
- JDK1.8源码阅读系列之三:Vector
本篇随笔主要描述的是我阅读 Vector 源码期间的对于 Vector 的一些实现上的个人理解,用于个人备忘,有不对的地方,请指出- 先来看一下 Vector 的继承图: 可以看出,Vector 的直 ...
- Hibernate核心配置文件
Hibernate.cfg.xml是Hibernate操作数据库的核心配置文件 *********************************************** 作用 01.管理实体类的 ...
- C# 6 与 .NET Core 1.0 高级编程 - C# 6 改进
个人原创译文,转载请注明出处.有不对的地方欢迎指出与交流. 英文原文:Professional C# 6 and .NET Core 1.0 - What's New in C# 6 C# 6 改进 ...
- js-面试题1
//1. y 和 z的值? ; ; ; function add(n){n=n+;} y = add(x); function add(n){n=n+;} z = add(x); //y,z输出und ...
- 第七届蓝桥杯javaB组真题解析-生日蜡烛(第二题)
题目 /* 生日蜡烛 某君从某年开始每年都举办一次生日party,并且每次都要吹熄与年龄相同根数的蜡烛. 现在算起来,他一共吹熄了236根蜡烛. 请问,他从多少岁开始过生日party的? 请填写他开始 ...
- WebServerice的发布
在webserverice一文中,我们简单的介绍了一下什么是webserverice,以及如何建立一个webserverice服务.今天,我们一起学习下webserverice是如何发布的. 为什么要 ...
- 【微信开发】玩转PHP 数组用法!
数组的起始下标可以不从0开始,例子为从2开始. $data = array(2=>'A','B','C'); 运行结果:$data = array(2=>'A',3=>'B' ...
- 【12c】扩展数据类型(Extended Data Types)-- MAX_STRING_SIZE
[12c]扩展数据类型(Extended Data Types)-- MAX_STRING_SIZE 在12c中,与早期版本相比,诸如VARCHAR2, NAVARCHAR2以及 RAW这些数据类型的 ...
- 《剑指offer》— JavaScript(18)二叉树的镜像
二叉树的镜像 题目描述 操作给定的二叉树,将其变换为源二叉树的镜像. 相关知识 二叉树的镜像定义: 源二叉树 镜像二叉树 思路 有关二叉树的算法问题,一般都可以通过递归来解决.那么写一个正确的递归程序 ...