水色
设计::文摘( )
排版标记
<IFRAME> </h4> <div class="info_u"> <span class="logtools"> <a onClick="editblog(13194)" class="z_edit userz" title="编辑日志"> </a> <a onClick="delblog(13194)" class="z_del userz" title="删除日志"> </a> <a onClick="showall(this)" class="z_showall" title="全屏正常切换"> </a> </span> <span class="category"><a href="/vip/Designer/category/1567.html">设计::文摘</a></span> <span class="ptime">2004-8-20 12:30</span> </div> <div class="text"> <div class="textcontent" id="cl13194"><span class=large><font color="#000000"> </font></span> <table class=large border=0 cellpadding=5 cellspacing=0 width="100%"> <tbody> <tr valign=top> <td class=article><span><a href="#1"><FRAMESET> <FRAME></a> <br> <a href="#2"><NOFRAMES></a> <br> <a href="#3"><IFRAME></a> </span></td> </tr> <tr> <td bgcolor=#bbd1d1 class=article> <div style="FONT-FAMILY: 新细明体; FONT-SIZE: 9pt"><font color=#ca00ca>■ 框架概念 ：</font></div> </td> </tr> <tr> <td class=article><span>所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只 要 <FRAMESET> <FRAME> 即可，而所有框架标记 要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档 案而不是其它框窗的档案。<FRAMESET> 是用以划分框窗，每一框窗由一个 <FRAME> 标 记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。如下例： </span> <p><span><<font color=#ff80c0>frameset</font> cols="50%,*"> </span> <dd><span><<font color=#0058b0>frame</font> name="hello" src="up2u.html"> </span> <dd><span><<font color=#0058b0>frame</font> name="hi" src="me2.html"> <br> <<font color=#ff80c0>/frameset</font>> </span> <p><span>此例中 <FRAMESET> 把画面分成左右两相等部分，左便是显示 up2u.html，右边则会显示 me2.html 这档案，<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序。 </span> <p><span>本节与 Composer 教室的【运用框架】大部分相同，只是本节增加了内容及较为详细，正 如其它篇章一样并不会提及网页制作工具，若馈下学会了 HTML 相信你亦不会选用 Composer ， FrontPage 一类的工具了。 </span></p> </dd> </td> </tr> <tr> <td bgcolor=#bbd1d1 class=article> <table align=center cellpadding=0 cellspacing=0 width="100%"> <tbody> <tr> <td> <div style="FONT-FAMILY: 新细明体; FONT-SIZE: 9pt"><font color=#ca00ca><a name=1>■</a> <FRAMESET> <FRAME> ：</font></div> </td> <td align=right> <div style="FONT-FAMILY: 新细明体; FONT-SIZE: 9pt"><a href="#top">▲Top</a></div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class=article><span><FRAMESET> 称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。 <br> <FRAME> 则只是设定某一个框窗内的参数属性。 </span> <p><span><FRAMESET> 参数设定： <br> 例子：<frameset <font color=#ff0000>rows</font>="90,*" <font color=#ff0000>frameborder</font>="0" <font color=#ff0000>border</font>=0 <font color=#ff0000>framespacing</font>="2" <font color=#ff0000>bordercolor</font>="#008000"> </span> <ul> <li type=square><span><font color=#1b07a3>COLS="<font color=#ff0080>90,*</font>"</font> <br> 垂直切割画面(如分左右两个画面)，接受<font color=#ff0080>整数值</font>、<font color=#ff0080>百分数</font>， <font color=#ff0080>*</font> 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以 切成三个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当 分配完第一及第三个视窗後剩下的空间，第三个视窗则占整个画面的 50% 宽度 为 一相对分割。<font color=#fbb339>您可自己调整数字</font>。 </span> <li type=square><span><font color=#1b07a3>ROWS="<font color=#ff0080>120,*</font>"</font> <br> 就是横向切割，将画面上下分开，数值设定同上。唯 COLS 与 ROWS 两参数尽量 不要同在一个 <FRAMESET> 标记中，因 Netacape 偶然不能显示这类形的框架，尽 采用多重分割。 </span> <li type=square><span><font color=#1b07a3>frameborder="<font color=#ff0080>0</font>"</font> <br> 设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ） </span> <li type=square><span><font color=#1b07a3>border="<font color=#ff0080>0</font>"</font> <br> 设定框架的边框厚度，以 pixels 为单位。 </span> <li type=square><span><font color=#1b07a3>bordercolor="<font color=#ff0080>#008000</font>"</font> <br> 设定框架的边框颜色。</span> <li type=square><span><font color=#1b07a3>framespacing="<font color=#ff0080>5</font>"</font> <br> 表示框架与框架间的保留空白的距离。 </span></li> </ul> <p><span><FRAME> 参数设定： <br> 例子：<frame <font color=#ff0000>name</font>="top" <font color=#ff0000>src</font>="a.html" <font color=#ff0000>marginwidth</font>="5" <font color=#ff0000>marginheight</font>="5" <font color=#ff0000>scrolling</font>="Auto" <font color=#ff0000>frameborder</font>="0" <font color=#ff0000>noresize</font> <font color=#ff0000>framespacing</font>="6" <font color=#ff0000>bordercolor</font>="#0000FF"> </span> <ul> <li><span><font color=#1b07a3>SRC="<font color=#ff0080>a.html</font>"</font><br> 设定此框窗中要显示的网页档案名称，每个框窗一定要对应著一个网页档案。你可 使用绝对路径或相对路径，有关此两者详见於【连结进阶】。 </span> <li><span><font color=#1b07a3>NAME="<font color=#ff0080>top</font>"</font><br> 设定这个框窗的名称，这样才能指定框架来作连结，必须但任意命名。 </span> <li><span><font color=#1b07a3>frameborder=<font color=#ff0080>0</font></font><br> 设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ） </span> <li><span><font color=#1b07a3>framespacing="<font color=#ff0080>6</font>"</font><br> 表示框架与框架间的保留空白的距离。 </span> <li><span><font color=#1b07a3>bordercolor="<font color=#ff0080>#008000</font>"</font><br> 设定框架的边框颜色。颜色值请参考【HTML 剖析】。 </span> <li><span><font color=#1b07a3>scrolling="<font color=#ff0080>Auto</font>"</font><br> 设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示无论如何都不要显示， AUTO是视情况显示。 </span> <li><span><font color=#1b07a3>noresize</font><br> 设定不让使用者可以改变这个框框的大小，亦没有设定此参数，使用者可以很随 意地拉动框架，改变其大小。 </span> <li><span><font color=#1b07a3>marginhight=<font color=#ff0080>5</font></font><br> 表示框架高度部份边缘所保留的空间。 </span> <li><span><font color=#1b07a3>marginwidth=<font color=#ff0080>5</font></font><br> 表示框架宽度部份边缘所保留的空间。 </span></li> </ul> <span>以下是一些例子：（与 Composer 教室的【运用框架】相同） </span> <p> <table border=0 cellpadding=2 cellspacing=2 width="100%"> <tbody> <tr> <td bgcolor=#fde2bf width=110><span><a href="http://www.pconline.com.cn/pcedu/sj/jq/composer/example/frame2.html">例子</a></span></td> <td bgcolor=#fbdff8><span style="FONT-FAMILY: 新细明体; FONT-SIZE: 9pt">HTML Code</span></td> </tr> <tr> <td> <table border=1 cellpadding=2 cellspacing=0 width=100> <tbody> <tr> <td> </td> </tr> <tr> <td height=60 width=20> </td> </tr> </tbody> </table> </td> <td width=366><span><frameset rows="80,*"> </span> <dd><span><frame name="top" src="a.html"> </span> <dd><span><frame name="bottom" src="b.html"> <br> </frameset></span> </dd> </td> </tr> </tbody> </table> <table border=0 cellpadding=2 cellspacing=2 width="100%"> <tbody> <tr> <td bgcolor=#fde2bf width=110><span><a href="http://www.pconline.com.cn/pcedu/sj/jq/composer/example/frame3.html">例子</a></span></td> <td bgcolor=#fbdff8><span style="FONT-FAMILY: 新细明体; FONT-SIZE: 9pt">HTML Code</span></td> </tr> <tr> <td> <table border=1 cellpadding=2 cellspacing=0 width=100> <tbody> <tr> <td> </td> </tr> <tr> <td height=40 width=20> </td> </tr> <tr> <td> </td> </tr> </tbody> </table> </td> <td width=366><span><frameset rows="80,*,80"> </span> <dd><span><frame name="top" src="a.html"> </span> <dd><span><frame name="middle" src="b.html"> </span> <dd><span><frame name="bottom" src="c.html"> <br> </frameset></span> </dd> </td> </tr> </tbody> </table> <table border=0 cellpadding=2 cellspacing=2 width="100%"> <tbody> <tr> <td bgcolor=#fde2bf width=110><span><a href="http://www.pconline.com.cn/pcedu/sj/jq/composer/example/frame4.html">例子</a></span></td> <td bgcolor=#fbdff8><span style="FONT-FAMILY: 新细明体; FONT-SIZE: 9pt">HTML Code</span></td> </tr> <tr> <td> <table border=1 cellpadding=2 cellspacing=0 width=100> <tbody> <tr> <td> </td> <td rowspan=2 width=80> </td> </tr> <tr> <td height=60 width=20> </td> </tr> </tbody> </table> </td> <td width=366><span><frameset cols="150,*"> <br> <frameset rows="80,*"> </span> <dd><span><frame name="upper_left" src="a.html"> </span> <dd><span><frame name="lower_left" src="b.html"> <br> </frameset> </span> <dd><span><frame name="right" src="c.html"> <br> </frameset></span> </dd> </td> </tr> </tbody> </table> <table border=0 cellpadding=2 cellspacing=2 width="100%"> <tbody> <tr> <td bgcolor=#fde2bf width=110><span><a href="http://www.pconline.com.cn/pcedu/sj/jq/composer/example/frame5.html">例子</a></span></td> <td bgcolor=#fbdff8><span style="FONT-FAMILY: 新细明体; FONT-SIZE: 9pt">HTML Code</span></td> </tr> <tr> <td> <table border=1 cellpadding=2 cellspacing=0 width=100> <tbody> <tr> <td colspan=2> </td> </tr> <tr> <td height=60 width=20> </td> <td width=80> </td> </tr> </tbody> </table> </td> <td width=366><span><frameset rows="80,*"> </span> <dd><span><frame name="top" src="a.html"> <br> <frameset cols="150,*"> </span> <dd><span><frame name="lower_left" src="b.html"> </span> <dd><span><frame name="lower_right" src="c.html"> <br> </frameset> <br> </frameset></span> </dd> </td> </tr> </tbody> </table> <table border=0 cellpadding=2 cellspacing=2 width="100%"> <tbody> <tr> <td bgcolor=#fde2bf width=110><span><a href="http://www.pconline.com.cn/pcedu/sj/jq/composer/example/frame6.html">例子</a></span></td> <td bgcolor=#fbdff8><span style="FONT-FAMILY: 新细明体; FONT-SIZE: 9pt">HTML Code</span></td> </tr> <tr> <td> <table border=1 cellpadding=2 cellspacing=0 width=100> <tbody> <tr> <td rowspan=2 width=20> </td> <td width=80> </td> </tr> <tr> <td height=60> </td> </tr> </tbody> </table> </td> <td width=366><span><frameset cols="150,*"> </span> <dd><span><frame name="left" src="a.html"> <br> <frameset rows="80,*"> </span> <dd><span><frame name="upper_right" src="b.html"> </span> <dd><span><frame name="lower_right" src="c.html"> <br> </frameset> <br> </frameset></span> </dd> </td> </tr> </tbody> </table> <p></p> </td> </tr> <tr> <td bgcolor=#bbd1d1 class=article> <table align=center cellpadding=0 cellspacing=0 width="100%"> <tbody> <tr> <td> <div style="FONT-FAMILY: 新细明体; FONT-SIZE: 9pt"><font color=#ca00ca><a name=2>■</a> <NOFRAMES> ：</font></div> </td> <td align=right> <div style="FONT-FAMILY: 新细明体; FONT-SIZE: 9pt"><a href="#top">▲Top</a></div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class=article><span>当别人使用的浏览器太旧，不支援框架这个功能时，他看到的将会是一片空白。为了避免 这种情况，可使用 <font color=#ff0000><NOFRAMES></font> 这个标记，当使用者的浏览器看不到框架时，他就会看 到 <font color=#ff0000><NOFRAMES></font> 与 <font color=#ff0000></NOFRAMES></font> 之间的内容，而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句，甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可。 </span> <p><span>应用方法： <br> 在<frameset> 标记范围加入 </NOFRAMES> 标记，以下是一个例子： </span> <dl> <dt><span><frameset rows="80,*"> </span> <dd><span><font color=#008000><noframes> <br> <body> <br> 很抱歉，馈下使用的浏览器不支援框架功能，请转用新的浏览器。 <br> </body> <br> </noframes></font> </span> <dd><span><frame name="top" src="a.html"> </span> <dd><span><frame name="bottom" src="b.html"> </span> <dt><span></frameset> </span></dt> </dl> <p><span>若浏览器支援框架，那堋它不会理会 <noframes> 中的东西，但若浏览器不支援框架，由 於不认识所有框架标记，不明的标记会被略过，标记包围的东西便被解读出来，所以放在 <noframes>范围内的文字会被显示。 </span></p> </td> </tr> <tr> <td bgcolor=#bbd1d1 class=article> <table align=center cellpadding=0 cellspacing=0 width="100%"> <tbody> <tr> <td> <div style="FONT-FAMILY: 新细明体; FONT-SIZE: 9pt"><font color=#ca00ca><a name=3>■</a> <IFRAME> ：</font></div> </td> <td align=right> <div style="FONT-FAMILY: 新细明体; FONT-SIZE: 9pt"><a href="#top">▲Top</a></div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class=article><span><font color=#ff0000>这标记只适用於 IE。</font> 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记，但围著的字句只有在浏览器不支援 iframe 标记时才会显示，如<noframes> 一样，可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 Java Script 会较好，若 JavaScript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。 </span> <p><span><iframe> 的参数设定如下： <br> 例子： <iframe <font color=#ff0000>src</font>="iframe.html" <font color=#ff0000>name</font>="test" <font color=#ff0000>align</font>="MIDDLE" <font color=#ff0000>width</font>="300" <font color=#ff0000>height</font>="100" <font color=#ff0000>marginwidth</font>="1" <font color=#ff0000>marginheight</font>="1" <font color=#ff0000>frameborder</font>="1" scrolling="Yes"> </span> <ul> <li><span><font color=#ff0000>src</font>="iframe.html" <br> 欲显示於此框窗的文件来源除档案名称，必要加上相对或绝对路径。 </span> <li><span><font color=#ff0000>name</font>="test" <br> 此框窗名称，这是连结标记的 target 参数所 要的， </span> <li><span><font color=#ff0000>align</font>="MIDDLE" <br> 可选值为 left, right, top, middle, bottom，作用不大 </span> <li><span><font color=#ff0000>width</font>="300" <font color=#ff0000>height</font>="100" <br> 框窗的宽及长，以 pixels 为单位。 </span> <li><span><font color=#ff0000>marginwidth</font>="1" <font color=#ff0000>marginheight</font>="1" <br> 该插入的文件与框边所保留的空间。 </span> <li><span><font color=#ff0000>frameborder</font>="1" <br> 使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no） </span> <li><span><font color=#ff0000>scrolling</font>="Yes" <br> 使用 Yes 表示容许卷动（内定）， No 则不容许卷动。 </span></li> </ul> <p><span>例子： </span> <table border=1 cellpadding=2 cellspacing=0 width="100%"> <tbody> <tr> <td bgcolor=#0000b7 width="4%"><span><font color=#ffffff>原始码</font></span></td> <td bgcolor=#ffffff valign=top><span><br> <font color=#000080><center></font> <font color=#008080><iframe src="http://tech.china.com/zh_cn/index.html" name="test" align="MIDDLE" width="500" height="200" marginwidth="5" marginheight="5" frameborder="1"></font> <br> 很抱歉，阁下使用的浏览器并不支援 IFrame，不能正常浏览我的网页。<font color=#008080></iframe></font> <br> <font color=#000080></center></font> </span></td> </tr> <tr> <td bgcolor=#0000b7 width="4%"><span><font color=#ffffff>显示结果</font></span></td> <td bgcolor=#ffffff> <p> <center> <iframe align=middle frameborder=1 height=200 marginheight=5 marginwidth=5 name=test src="http://tech.china.com/zh_cn/index.html" width=500> <div style="font-size: 9pt; font-family: 新细明体;">很抱歉，阁下使用的浏览器并不支援 IFrame，不能正常浏览我的网页。</div> </iframe> </center> <p></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <span class=large><font color="#000000"> </font></span></div> <div class="tags"> <span class="cn">标签集:</span><span class="en">TAGS:</span><span><a href="/tags.aspx?tagname=" target="_blank"></a></span> </div> </div> <h6 class="info_d"> <span class="comment_c"><span class="cn">回复</span><span class="en">Comments</span>(<em id="ccount13194"></em>)</span> <span class="read_c"><span class="cn">点击</span><span class="en">Count</span>(<em id="vcount13194"></em>)</span> </h6> </div> </div> <div id="comments"><h3 id="commentshead" onclick="showtf(this);"><span class="cn">回复</span><span class="en">Comments</span></h3> <div id="blog_CommentList" > <DIV class=a_comment> <DIV class=info> <A class=logolink href="{commenthomepage}" target=_blank> <IMG alt={commentauthor} src="{commentauthoricon}"></A> <DIV class=authorname>{commentauthor}</DIV> <SPAN>{commenttime}</SPAN> <DIV class=homepage><B>{commentnum}</B></DIV> </DIV> <DIV class=content>{commentcontent}</DIV> <DIV class=recontent><H6><SPAN>作者:</SPAN></H6>{commentrecontent}</DIV> </Div> </div> </div> <!--#include virtual="/service/commentform.html" --><div id="cfooter" class="cfooter"></div> </div> </div> </div> <div id="space3" class="space3"></div> <div id="footer" class="footer loc4"> <div class="footer_c" id="footer_c"></div> </div> </div> </div> <script type='text/javascript'> var userpath="/vip/Designer/"; var initparam="pi%3D0%26t%3Df1d4e7a4%26u%3D2041%26p%3D0.4.13194%26n%3D5";</script> <script type='text/javascript' src='http://blog.5d.cn/js/blogdata.js'></script></body> </html>