.六竹苑www.liuzhu.com创建于2001年8月8日.
您现在的位置:首页 >> 电脑苑 >> 网页制作 >> 内容

HTML语言教程(四)

时间:2003/1/12 22:28:41 点击:

  核心提示:...
HTML语言教程(四)

七、 框架
 

  框架架构的标记,主要是分割窗口和插入浮动窗口的功能。如果能有效的运用将有助于浏览网页的效率!

  常用窗口标记

<FRAMESET>...</FRAMESET> 定义分割窗口。
相关属性 :
·BORDER 边框
·COLS 行 , 设定分割左右窗口宽度 ( 用『,』分隔,可设百分比 % ;『*』表示剩余部份 )
·FRAMEBORDER 显示边框
·ROWS 列 , 设定分割上下窗口高度 ( 用『,』分隔,可设百分比 % ;『*』表示剩余部份 )


<FRAME> 定义窗口。
相关属性 :
·FRAMEBORDER 显示边框
·NAME 名称
·NORESIZE 设定是否可以调整窗口大小
·SRC 文件或URL位址
·SCROLLING 设定是否可以卷动


<NOFRAMES>...</NOFRAMES> 无支援分割窗口浏览器显示文字。

<IFRAME>...</IFRAME> 插入浮动窗口。
相关属性 :
·BORDER 边框
·FRAMEBORDER 显示边框
·NORESIZE 设定是否可以调整窗口大小
·SRC 文件或URL位址
·SCROLLING 设定是否可以卷动

 

  举例

如 : 本站窗口架构。
( 先分割成上下窗口,再于窗口各分割成左右窗口。 )
<FRAMESET ROWS=74,* COLS=140,* FRAMEBORDER=NO BORDER=0>
<FRAME SRC=rad.htm NAME=RAD NORESIZE SCROLLING=NO>
<FRAME SRC=a-1.htm NAME=FRAME1 NORESIZE SCROLLING=NO>
<FRAME SRC=b-1.htm NAME=FRAME2 NORESIZE SCROLLING=AUTO>
<FRAME SRC=c-1.htm NAME=FRAME3 NORESIZE SCROLLING=AUTO>
</FRAMESET>

如 : 浮动窗口
<CENTER>
<IFRAME FRAMEBORDER=YES SCROLLING=YES SRC=c1-01.htm>
</IFRAME>
</CENTER>

  注意

  窗口基本架构的文件,通常放在HTML文件的第一页,如 : index.htm 。此HTML文件的基本架构并不需要本文区 ( BODY ),只需定义窗口架构,而其他HTML文件可用连结方式 ( A HREF=...连结标记 TARGET属性 ) 显示于指定的窗口中。

--------

八、 设置图片
 

  现在的网站没有用图片的,几乎很少了吧!图片增加了网站版面的美观,不过也不要放了大量的图片,而拖慢网站传输的效率喔!

  有关设定图片的方法共有以下几种 :

 

  1. 设定HTML文件背景图片、背景颜色。<BODY>...</BODY>标记。
    如 : <BODY BACKGROUND=A.GIF>...</BODY> 或
    <BODY BGCOLOR=#000000>...</BODY>
  2. 设定图片。<IMG>标记。
  3. 设定地图。<MAP>...</MAP>标记。

  常用图片标记

<IMG> 指令

相关属性 :
·ALIGN 调整
·ALT 提示字
·BORDER 边框
·HEIGHT 高度
·SRC 文件或URL位址
·USEMAP 地图名称
·WIDTH 宽度

如 : 可插入图片 ( GIF、JPG格式 )、AVI电影
<CENTER>
<IMG SRC="../../../images/pcedu_lo.gif" ALT="太平洋网络学院" ALIGN=TOP BORDER=1>
</CENTER>

 

<MAP>...</MAP> 地图

相关属性 :
·NAME 名称

 

<AREA> 设定地图动作区域

相关属性 :
·COORDS 设定动作区域座标 ( 左上角座标 : X1,Y1 ; 右下角座标 : X2,Y2 )
·HREF 动作区域连结点 ( 可载入位址或文件 )
·NOHREF 动作区域连结点不动作
·SHAPE 外型

 

  举例

设定地图
<IMG BORDER=0 SRC=A.GIF USEMAP=#A>
<MAP NAME=A>
<AREA SHAPE=RECT COORDS=0,0,200,100 HREF=1.HTM>
<AREA SHAPE=RECT COORDS=0,100,200,200 NOHREF>
<AREA SHAPE=RECT COORDS=0,200,200,300 HREF=3.HTM>
</MAP>

 


本苑收录:2002年2月14日

作者: 来源:
相关评论
发表我的评论
  • 大名:
  • 内容:
  • 六竹苑(www.liuzhu.com) © 2024 版权所有 All Rights Reserved.
  • Email:20003945@qq.com 站长QQ:20003945
  • Powered by laoy! V4.0.6