普通框架

  1. 框架概念:就是将一个页面分割成小窗口,每个窗口都是一个网页
  2. 框架集和框架页

框架集:<frameset>:主要用来划分窗口的

框架页:<frame>:主要用来指定窗口默认显示的网页地址

比喻:窗户框(框架集)和玻璃(框架页)

格式:

<frameset>

<frame/>

<frame/c>

<frameset/>

  1. <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”

  1. <frame>:

属性:

l  src:该小窗口中默认显示的网页的地址和路径

l  noresize:不能调整窗口页的大小  例如:noresize=”noresize”

l  name:小窗口的名字  ----这个属性通常是给<a>标记target属性来用的

使用效果:

当点击左侧某个关键字时:

在右侧框架页中显示内容

  1. <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)-----框架的更多相关文章

  1. JAVA WEB快速入门之从编写一个基于SpringMVC框架的网站了解Maven、SpringMVC、SpringJDBC

    接上篇<JAVA WEB快速入门之通过一个简单的Spring项目了解Spring的核心(AOP.IOC)>,了解了Spring的核心(AOP.IOC)后,我们再来学习与实践Maven.Sp ...

  2. Web API 入门指南 - 闲话安全

    Web API入门指南有些朋友回复问了些安全方面的问题,安全方面可以写的东西实在太多了,这里尽量围绕着Web API的安全性来展开,介绍一些安全的基本概念,常见安全隐患.相关的防御技巧以及Web AP ...

  3. 快速入门系列--WebAPI--03框架你值得拥有

    接下来进入的是俺在ASP.NET学习中最重要的WebAPI部分,在现在流行的互联网场景下,WebAPI可以和HTML5.单页应用程序SPA等技术和理念很好的结合在一起.所谓ASP.NET WebAPI ...

  4. 转载-Web API 入门

    An Introduction to ASP.NET Web API 目前感觉最好的Web API入门教程 HTTP状态码 Web API 强势入门指南 Install Mongodb Getting ...

  5. 掌握Tiles 框架 (一)---Tiles入门和Tiles 框架和体系结构

    掌握Tiles 框架 (一)---Tiles入门和Tiles 框架和体系结构 入门 本教程所讲述的内容 本教程讲述如何使用 Tiles 框架来创建可重用的表示组件.(在最初创建它时,Tiles 框架被 ...

  6. 【python】 web开发入门

    进入Web开发 现在你完成了Python忍者训练,准备深入Ptyhon的Web开发,但现在的问题是有很多的框架,从中选择最好的框架非常困难,但从初学者的角度出发,Flask基本Web框架将非常适合We ...

  7. Web API入门指南(安全)转

    安全检测的工具站点:https://www.owasp.org/index.php/Category:Vulnerability_Scanning_Tools Web API入门指南有些朋友回复问了些 ...

  8. (转)Web Service入门简介(一个简单的WebService示例)

    Web Service入门简介 一.Web Service简介 1.1.Web Service基本概念 Web Service也叫XML Web Service WebService是一种可以接收从I ...

  9. Web API 入门指南

    Web API 入门指南 - 闲话安全2013-09-21 18:56 by 微软互联网开发支持, 231 阅读, 3 评论, 收藏, 编辑 Web API入门指南有些朋友回复问了些安全方面的问题,安 ...

  10. Web开发入门学习笔记

    公司web项目终于要启动了,本以为django学习可以在实战中进行,结果最终使用了Drupal框架,好吧,那我们就PHP走起,买了本<细说PHP>,先跟着过一遍Web开发入门. HTTP协 ...

随机推荐

  1. NSObject头文件解析 / 消息机制 / Runtime解读 (一)

    NSObject头文件解析 当我们需要自定义类都会创建一个NSObject子类, 比如: #import <Foundation/Foundation.h> @interface Clas ...

  2. Hadoop权威指南:FSDataInputStream对象

    Hadoop权威指南:FSDataInputStream对象 FileSystem对象中的open()方法返回的是FSDataInputStream对象, 而不是标准的java.io类对象,这个类是继 ...

  3. 图论——Dijkstra算法

    图论其实是比较难的一种题型,但是一些模板题,是没有什么太大难度的! 这里给大家带来的是迪杰斯特拉(Dijkstra)算法. 迪杰斯特拉算法是由荷兰计算机科学家狄克斯特拉于1959 年提出的,因此又叫狄 ...

  4. js中的正则表达式入门

    什么是正则表达式呢? 正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个字符串是否含有某种子串.将匹配的子串做替换或者从某个字符串中取出符合某个条件的子串等 ...

  5. esri-leaflet入门教程(1)-leaflet介绍

    esri-leaflet入门教程(1)-esri leaflet介绍 by 李远祥 关于leaflet,可能很多人比较陌生,如果搭上esri几个字母,可能会有更多的人关注.如果没有留意过leaflet ...

  6. substring和substr、$.extend()、$.fn.extend()、(function($){….})(jQuery)的简易讲解

    1.    JS中substring与substr的区别 Substring: 该方法可以有一个参数也可以有两个参数. l  一个参数: 示例: var str="Olive": ...

  7. 腾讯优图及知脸(ZKface)人脸比对接口测试(python)

    一.腾讯优图 1.开发者地址:http://open.youtu.qq.com/welcome/developer 2.接入流程:按照开发者页面的接入流程接入之后,创建应用即可获得所需的AppID.S ...

  8. devexpress chartcontrol实现非连续点数据的显示

    1.先上图: 其中暗红的曲线中数据不连续的,在实际开发中可能也会遇到这种情况,由于断电或其他原因导致部分日期数据无法采集,如果按一般情况来显示可能会显示如下图所示: 图中可以看出非连续曲线中,3月5号 ...

  9. 浏览器兼容汇总(css+js)

      JavaScript 1. HTML对象获取问题 FireFox:document.getElementById("idName");ie:document.idname或者d ...

  10. Ubuntu Hash Sum mismatch 解决方法

    有时候通过校园网对Ubuntu14.04进行更新时,会出现以下问题: W: Failed to fetch http://xxxxxxx Hash Sum mismatch 解决方法:打开搜索 →  ...