`
zg973595977
  • 浏览: 11349 次
社区版块
存档分类
最新评论

HTML

    博客分类:
  • J2EE
阅读更多

■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只 要 即可,而所有框架标记 要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会显示任何资料,所以不必放入 标记,浏览这框架必须读取这档 案而不是其它框窗的档案。 是用以划分框窗,每一框窗由一个 标 记所标示,必须在 范围中使用。如下例: frameset cols="50%,*"> frame name="hello" src="up2u.html"> frame name="hi" src="me2.html"> /frameset> 此例中 把画面分成左右两相等部分,左便是显示 up2u.html,右边则会显示 me2.html 这档案, 标记所标示的框窗永远是按由上而下、由左至右的次序。 本节与 Composer 教室的【运用框架】大部分相同,只是本节增加了内容及较为详细,正 如其它篇章一样并不会提及网页制作工具,若馈下学会了 HTML 相信你亦不会选用 Composer , FrontPage 一类的工具了。 ■ : ▲Top 称框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割。 则只是设定某一个框窗内的参数属性。 参数设定: 例子:rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000"> [list] [*]COLS="90,*" 垂直切割画面(如分左右两个画面),接受整数值、百分数, * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以 切成三个视窗,第一个视窗是 30 pixels 的宽度,为一绝对分割,第二个视窗是当 分配完第一及第三个视窗後剩下的空间,第三个视窗则占整个画面的 50% 宽度 为 一相对分割。您可自己调整数字。 [*]ROWS="120,*" 就是横向切割,将画面上下分开,数值设定同上。唯 COLS 与 ROWS 两参数尽量 不要同在一个 标记中,因 Netacape 偶然不能显示这类形的框架,尽 采用多重分割。 [*]frameborder="0" 设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。(避 免使用 yes 或 no ) [*]border="0" 设定框架的边框厚度,以 pixels 为单位。 [*]bordercolor="#008000" 设定框架的边框颜色。 [*]framespacing="5" 表示框架与框架间的保留空白的距离。 [/list] 参数设定: 例子:name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"> [list] [*]SRC="a.html" 设定此框窗中要显示的网页档案名称,每个框窗一定要对应著一个网页档案。你可 使用绝对路径或相对路径,有关此两者详见於【连结进阶】。 [*]NAME="top" 设定这个框窗的名称,这样才能指定框架来作连结,必须但任意命名。 [*]frameborder=0 设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。(避 免使用 yes 或 no ) [*]framespacing="6" 表示框架与框架间的保留空白的距离。 [*]bordercolor="#008000" 设定框架的边框颜色。颜色值请参考【HTML 剖析】。 [*]scrolling="Auto" 设定是否要显示卷轴,YES 表示要显示卷轴,NO 表示无论如何都不要显示, AUTO是视情况显示。 [*]noresize 设定不让使用者可以改变这个框框的大小,亦没有设定此参数,使用者可以很随 意地拉动框架,改变其大小。 [*]marginhight=5 表示框架高度部份边缘所保留的空间。 [*]marginwidth=5 表示框架宽度部份边缘所保留的空间。 [/list] 以下是一些例子:(与 Composer 教室的【运用框架】相同) 例子 HTML Code 例子 HTML Code 例子 HTML Code 例子 HTML Code 例子 HTML Code ■ : ▲Top 当别人使用的浏览器太旧,不支援框架这个功能时,他看到的将会是一片空白。为了避免 这种情况,可使用 这个标记,当使用者的浏览器看不到框架时,他就会看 到 与 之间的内容,而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句,甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可。 应用方法: 在 标记范围加入 标记,以下是一个例子: 很抱歉,馈下使用的浏览器不支援框架功能,请转用新的浏览器。 若浏览器支援框架,那堋它不会理会 中的东西,但若浏览器不支援框架,由 於不认识所有框架标记,不明的标记会被略过,标记包围的东西便被解读出来,所以放在 范围内的文字会被显示。 ■ : ▲Top 这标记只适用於 IE。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记,但围著的字句只有在浏览器不支援 iframe 标记时才会显示,如 一样,可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 Java Script 会较好,若 javascript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。 的参数设定如下: 例子: src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> [list] [*]src="iframe.html" 欲显示於此框窗的文件来源除档案名称,必要加上相对或绝对路径。 [*]name="test" 此框窗名称,这是连结标记的 target 参数所 要的, [*]align="MIDDLE" 可选值为 left, right, top, middle, bottom,作用不大 [*]width="300" height="100" 框窗的宽及长,以 pixels 为单位。 [*]marginwidth="1" marginheight="1" 该插入的文件与框边所保留的空间。 [*]frameborder="1" 使用 1 表示显示边框, 0 则不显示。(可以是 yes 或 no) [*]scrolling="Yes" 使用 Yes 表示容许卷动(内定), No 则不容许卷动。 [/list] ■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只 要 即可,而所有框架标记 要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会显示任何资料,所以不必放入 标记,浏览这框架必须读取这档 案而不是其它框窗的档案。 是用以划分框窗,每一框窗由一个 标 记所标示,必须在 范围中使用。如下例: frameset cols="50%,*"> frame name="hello" src="up2u.html"> frame name="hi" src="me2.html"> /frameset> 此例中 把画面分成左右两相等部分,左便是显示 up2u.html,右边则会显示 me2.html 这档案, 标记所标示的框窗永远是按由上而下、由左至右的次序。 本节与 Composer 教室的【运用框架】大部分相同,只是本节增加了内容及较为详细,正 如其它篇章一样并不会提及网页制作工具,若馈下学会了 HTML 相信你亦不会选用 Composer , FrontPage 一类的工具了。 ■ : ▲Top 称框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割。 则只是设定某一个框窗内的参数属性。 参数设定: 例子:rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000"> [list] [*]COLS="90,*" 垂直切割画面(如分左右两个画面),接受整数值、百分数, * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以 切成三个视窗,第一个视窗是 30 pixels 的宽度,为一绝对分割,第二个视窗是当 分配完第一及第三个视窗後剩下的空间,第三个视窗则占整个画面的 50% 宽度 为 一相对分割。您可自己调整数字。 [*]ROWS="120,*" 就是横向切割,将画面上下分开,数值设定同上。唯 COLS 与 ROWS 两参数尽量 不要同在一个 标记中,因 Netacape 偶然不能显示这类形的框架,尽 采用多重分割。 [*]frameborder="0" 设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。(避 免使用 yes 或 no ) [*]border="0" 设定框架的边框厚度,以 pixels 为单位。 [*]bordercolor="#008000" 设定框架的边框颜色。 [*]framespacing="5" 表示框架与框架间的保留空白的距离。 [/list] 参数设定: 例子:name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"> [list] [*]SRC="a.html" 设定此框窗中要显示的网页档案名称,每个框窗一定要对应著一个网页档案。你可 使用绝对路径或相对路径,有关此两者详见於【连结进阶】。 [*]NAME="top" 设定这个框窗的名称,这样才能指定框架来作连结,必须但任意命名。 [*]frameborder=0 设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。(避 免使用 yes 或 no ) [*]framespacing="6" 表示框架与框架间的保留空白的距离。 [*]bordercolor="#008000" 设定框架的边框颜色。颜色值请参考【HTML 剖析】。 [*]scrolling="Auto" 设定是否要显示卷轴,YES 表示要显示卷轴,NO 表示无论如何都不要显示, AUTO是视情况显示。 [*]noresize 设定不让使用者可以改变这个框框的大小,亦没有设定此参数,使用者可以很随 意地拉动框架,改变其大小。 [*]marginhight=5 表示框架高度部份边缘所保留的空间。 [*]marginwidth=5 表示框架宽度部份边缘所保留的空间。 [/list] 以下是一些例子:(与 Composer 教室的【运用框架】相同) 例子 HTML Code 例子 HTML Code 例子 HTML Code 例子 HTML Code 例子 HTML Code ■ : ▲Top 当别人使用的浏览器太旧,不支援框架这个功能时,他看到的将会是一片空白。为了避免 这种情况,可使用 这个标记,当使用者的浏览器看不到框架时,他就会看 到 与 之间的内容,而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句,甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可。 应用方法: 在 标记范围加入 标记,以下是一个例子: 很抱歉,馈下使用的浏览器不支援框架功能,请转用新的浏览器。 若浏览器支援框架,那堋它不会理会 中的东西,但若浏览器不支援框架,由 於不认识所有框架标记,不明的标记会被略过,标记包围的东西便被解读出来,所以放在 范围内的文字会被显示。 ■ : ▲Top 这标记只适用於 IE。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记,但围著的字句只有在浏览器不支援 iframe 标记时才会显示,如 一样,可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 Java Script 会较好,若 javascript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。 的参数设定如下: 例子: src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> [list] [*]src="iframe.html" 欲显示於此框窗的文件来源除档案名称,必要加上相对或绝对路径。 [*]name="test" 此框窗名称,这是连结标记的 target 参数所 要的, [*]align="MIDDLE" 可选值为 left, right, top, middle, bottom,作用不大 [*]width="300" height="100" 框窗的宽及长,以 pixels 为单位。 [*]marginwidth="1" marginheight="1" 该插入的文件与框边所保留的空间。 [*]frameborder="1" 使用 1 表示显示边框, 0 则不显示。(可以是 yes 或 no) [*]scrolling="Yes" 使用 Yes 表示容许卷动(内定), No 则不容许卷动。 [/list]

分享到:
评论

相关推荐

    html2image 2.0.3 用于简单的html转图片

    Html2Image html2Image = Html2Image.fromHtml(sb.toString(),null); // 这边如果设置false,图片不会自动根据内容设置长宽默认长1024 ,宽768 //html2Image.getImageRenderer().setAutoHeight(false); ...

    html2fpdf 中文支持

    html2fpdf 或 html2pdf 是在fpdf上开发的一个可以将html页面转换为pdf文件的PHP类。 官方网址 http://sourceforge.net/projects/html2fpdf/ 近日,由于开发项目需要,需要一个能将页面转换为pdf的插件,以供客户端...

    80套HTML期末学生结课大作业作品(HTML+CSS+JS)动物宠物

    临近期末, 你是否还在为HTML网页设计期末作业而发愁,是否为还在为老师的网页制作作业要求感到头大?是否觉得HTML网页作业无从下手?,网页要求的总数量太多?是否找不到合适的模板?等等一系列问题。本资源就可以为...

    零基础学HTML CSS源代码

    HTML基本标记.html HTML基本标记的用法。 我的第一张网页.html 演示我的第一张网页。 第2章(源代码\第2章) 示例描述:本章演示常用HTML标记和格式 注释.htm 注释的用法。 标题标记....

    深入浅出 HTML

    在你成为一名行家之后,阅读HTML书籍给你的唯一感受就是厌烦吗?那么现在就是你拿起《深入浅出HTML与CSS、XHTML》来真正学习HTML的时候了。这本书展示了学习创建符合工业标准的Web页面的完整历程——然而,除了阅读...

    [深入浅出HTML].Head.First.HTML.with.CSS.and.XHTML.pdf

    Learn the real secrets of creating Web pages, and why everything your boss told you about HTML tables is probably wrong (and what to do instead). Most importantly, hold your own with your co-worker ...

    《HTML5开发精要与实例详解》配套源码

    此为《HTML5开发精要与实例详解》的全部配套源码 本书由资深Web开发专家亲自执笔,内容的权威性上应该是毋庸置疑的。 本书在内容结构上将继承《HTML 5与CSS 3权威指南》一书的优点,几乎每个知识点都将配一个精心...

    网页设计期末大作业+html+css

    适合学生的html5响应式网站 成品可以让你们修改吗? 学生网页成品坚持每周更新 学生网站一定不能太专业,否则老师会发现的! DIV+css+js学生网站如何做? 不靠这个吃饭--你还用自己做网站吗? 大学生静态网页成品...

    基于HTML(品优购)电商项目项目的设计与实现(html前端源码+毕业设计)

    通用电商模板提供下载,都是html静态页面,设计好的前端页面 1 绪论 1 1.1 项目开发背景 1 1.2 论文的研究目的和意义 2 1.2.1 开发的研究目的 2 1.2.2 开发的研究意义 3 2 项目介绍 4 2.1 web前端开发 4 2.1.1 web...

    html案例html案例html案例

    html案例html案例html案例html案例html案例html案例html案例

    圣诞树HTML.html

    圣诞树HTML,下载点击即可使用,表白神器

    HTML+CSS网页设计与布局从入门到精通

    《HTML+CSS网页设计与布局从入门到精通》紧密围绕网页设计师在制作网页过程中的实际需要和应该掌握的技术,全面介绍了使用HTML和CSS进行网页设计和制作的各方面内容和技巧。 《HTML+CSS网页设计与布局从入门到精通》...

    ECharts+html大数据可视化大屏展示模板.zip

    ECharts+html大数据可视化大屏展示模板25套,可以根据自己需求修改数据和样式,都是基于ECharts的大数据可视化展示html的模板,直接打开html即可看到展示效果。内含:智慧物流大数据展示模板,智慧医疗大数据展示模板...

    html5shiv.js

    越来越多的站点开始使用 HTML5 标签。但是目前的情况是还有很多人在使用IE6,IE7,IE8。为了让所有网站浏览者都能正常的访问网站,解决方案就有下面两个: 1.为网站创建多套模板,通过程序对User-Agent的判断给不同...

    HTML5图表框架echarts实战项目(50套源码),大数据平台展示可视化效果

    最近接了个任务需要用H5在前台两个大电视上做两页数据展示公司的产品数据,效果要高大上,还好之前接触过HTML5,所以第一时间想到就是echarts,这个框架对于数据展示尤其图表类处理的还是非常强大和炫酷的。...

    HTML5炫酷科技感十足数据可视化

    HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据...

    ERP界面原型 HTML

    ERP界面原型 ERP 界面原型 HTML ERP 界面原型 HTML ERP 界面原型 HTML ERP 界面原型 HTML ERP 界面原型 HTML

    winfrom中嵌套html,跟html的交互

    winfrom中嵌套html,跟html的交互,源码就在里面一看就懂,很简单

    poi创建word、生成html、itext将html转换成pdf。pd4ml将jsp转成pdf

    1.用户导入word生成pdf -首先导入word的时候读取word里面的全部内容。调用(ReadAndWriteDoc)然后将内容 传送到createPdf里面生成pdf。导入的时候读取采用poi /生成的时候采用的是...4.将html转换成pdf(itext)

Global site tag (gtag.js) - Google Analytics