设置图片

80酷酷网    80kuku.com

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

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

  1. 设定HTML文件背景图片、背景颜色。<BODY>...</BODY>标记。
    如 : <BODY BACKGROUND=http://edu.cnzz.cn/NewsInfo/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="http://edu.cnzz.cn/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=http://edu.cnzz.cn/NewsInfo/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>



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: