仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 867|回复: 8
打印 上一主题 下一主题

[HTML5] 来讲讲:HTML言语分析(十一) 排版标志

[复制链接]
乐观 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:30:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
有些差异相对轻微,有充分的理由将这两种HTML5规范草案合并为一,让浏览器制造商与网络开发者不必面对不兼容的窘境。 排版标志  <FRAMESET><FRAME>
  <NOFRAMES>
  <IFRAME>
  ■框架观点:
  所谓框架即是网页画面分红几个框窗,同时获得多个URL。只 要<FRAMESET><FRAME>便可,而一切框架标志 要放在一个总起的html档,这个档案只纪录了该框架怎样分别,不会显现任何材料,以是不用放进<BODY>标志,扫瞄这框架必需读取这档案而不是别的框窗的档案。<FRAMESET>是用以分别框窗,每框窗由一个<FRAME>标记所标示,<FRAME>必需在<FRAMESET>局限中利用。以下例:

  <framesetcols="50%,*">
  <framename="hello"src="up2u.html">
  <framename="hi"src="me2.html">
  </frameset>
  此例中<FRAMESET>把画面分红摆布两相称部分,左即是显现up2u.html,右侧则会显现me2.html这档案,<FRAME>标志所标示的框窗永久是按由上而下、由左至右的序次。
  本节与Composer课堂的【使用框架】年夜部分不异,只是本节增添了内容及较为具体,正如别的篇章一样其实不会说起网页制造工具,若馈放学会了HTML信任你亦不会选用Composer,FrontPage一类的工具了。
  ■<FRAMESET><FRAME>:
  
  <FRAMESET>称框架标志,用以宣布HTML文件为框架形式,并设定视窗怎样支解。
  <FRAME>则只是设定某一个框窗内的参数属性。
  <FRAMESET>参数设定:
  例子:<framesetrows="90,*"frameborder="0"border=0framespacing="2"bordercolor="#008000">
  ● COLS="90,*"
  垂直切割画面(如分摆布两个画面),承受整数值、百分数,*则代表占用馀下空间。数值的个数代表分红的视窗数量且以逗号分开。比方COLS="30,*,50%"能够切成三个视窗,第一个视窗是30pixels的宽度,为一相对支解,第二个视窗是当分派完第一落第三个视窗後剩下的空间,第三个视窗则占全部画面的50%宽度为一绝对支解。您可本人调剂数字。
  ● ROWS="120,*"
  就是横向切割,将画面高低分隔,数值设定同上。唯COLS与ROWS两参数只管不要同在一个<FRAMESET>标志中,因Netacape偶尔不克不及显现这类形的框架,尽接纳多重支解。
  ● frameborder="0"
  设定框架的边框,其值只要0和1,0暗示不要边框,1暗示要显现边框。(避免利用yes或no)
  ● border="0"
  设定框架的边框厚度,以pixels为单元。
  ● bordercolor="#008000"
  设定框架的边框色彩。
  ● framespacing="5"
  暗示框架与框架间的保存空缺的间隔。

  <FRAME>参数设定:
  例子:<framename="top"src="a.html"marginwidth="5"marginheight="5"scrolling="Auto"frameborder="0"noresizeframespacing="6"bordercolor="#0000FF">
  ● 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
  暗示框架宽度部分边沿所保存的空间。
  以下是一些例子:(与Composer课堂的【使用框架】不异)
例子HTMLCode<framesetrows="80,*"><framename="top"src="a.html"><framename="bottom"src="b.html">
</frameset>例子HTMLCode<framesetrows="80,*,80"><framename="top"src="a.html"><framename="middle"src="b.html"><framename="bottom"src="c.html">
</frameset>例子HTMLCode<framesetcols="150,*">
<framesetrows="80,*"><framename="upper_left"src="a.html"><framename="lower_left"src="b.html">
</frameset><framename="right"src="c.html">
</frameset>例子HTMLCode<framesetrows="80,*"><framename="top"src="a.html">
<framesetcols="150,*"><framename="lower_left"src="b.html"><framename="lower_right"src="c.html">
</frameset>
</frameset>例子HTMLCode<framesetcols="150,*"><framename="left"src="a.html">
<framesetrows="80,*"><framename="upper_right"src="b.html"><framename="lower_right"src="c.html">
</frameset>
</frameset>


  ■<NOFRAMES>:

  当他人利用的扫瞄器太旧,不增援框架这个功效时,他看到的将会是一片空缺。为了不这类情形,可以使用<NOFRAMES>这个标志,当利用者的扫瞄器看不到框架时,他就会看到<NOFRAMES>与</NOFRAMES>之间的内容,而不是一片空缺。这些内容能够是提示扫瞄转用新的扫瞄器的字句,乃至是一个没有框架的网页或能主动切换至没有框架的版本亦可。
  使用办法:
  在<frameset>标志局限到场</NOFRAMES>标志,以下是一个例子:
  <framesetrows="80,*">
  <noframes>
  <body>
  很抱愧,馈下利用的扫瞄器不增援框架功效,请转用新的扫瞄器。
  </body>
  </noframes>
  <framename="top"src="a.html">
  <framename="bottom"src="b.html">
  </frameset>
  若扫瞄器增援框架,那堋它不会剖析<noframes>中的器材,但如果扫瞄器不增援框架,由於不熟悉一切框架标志,不明的标志会被略过,标志包抄的器材便被解读出来,以是放在<noframes>局限内的笔墨会被显现。
  ■<IFRAME>:

  这标志只合用於IE。它的感化是在一页网页两头拔出一个框窗以显现另外一个文件。它是一个围堵标志,但围著的字句只要在扫瞄器不增援iframe标志时才会显现,如<noframes>一样,能够放些提示字句之类。一般iframe共同一个识别扫瞄器的JavaScript会较好,若JavaScript认出该扫瞄器并不是InternetExplorer便会切换至另外一版本。
  <iframe>的参数设定以下:
  例子:<iframesrc="iframe.html"name="test"align="MIDDLE"width="300"height="100"marginwidth="1"marginheight="1"frameborder="1"scrolling="Yes">
  ● 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则不允许卷动。
  例子:
原始码
<center><iframesrc="http://www.sj33.cn/"name="test"align="MIDDLE"width="300"height="100"marginwidth="5"marginheight="5"frameborder="1">
很抱愧,左右利用的扫瞄器其实不增援IFrame,不克不及一般扫瞄我的网页。</iframe>
</center>显现了局

</p>
这不是理想状况。我们必须尽可能把精力放在改善这项规范,把耗费在派系相争的精力降到最低。
第二个灵魂 该用户已被删除
沙发
发表于 2015-1-17 22:59:05 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
因胸联盟 该用户已被删除
板凳
发表于 2015-1-24 15:45:25 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
admin 该用户已被删除
地板
发表于 2015-2-2 09:09:17 来自手机 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
小魔女 该用户已被删除
5#
发表于 2015-2-7 18:17:54 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
老尸 该用户已被删除
6#
发表于 2015-2-23 00:46:29 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
活着的死人 该用户已被删除
7#
发表于 2015-3-7 06:09:05 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
飘灵儿 该用户已被删除
8#
发表于 2015-3-14 15:31:04 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
只想知道 该用户已被删除
9#
发表于 2015-3-21 13:09:23 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 22:43

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表