Php文档 Php问答行业资讯 Php论坛 Php手册 Php博客

游戏榜单

软件榜单

关闭导航

热搜榜

热门下载

热门标签

php爱好者> php文档>HTML语言入门之八:链接

HTML语言入门之八:链接

时间：2007-01-29 来源：y_m

HTML语言入门之八:链接

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

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

设定HTML文件背景图片、背景颜色。<BODY>...</BODY>标记。
如 : <BODY BACKGROUND=A.GIF>...</BODY> 或
<BODY BGCOLOR=#000000>...</BODY>
设定图片。<IMG>标记。
设定地图。<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>

相关阅读更多 +

排行榜更多 +

<img preview="http://pic.pdowncc.com/uploadimg/ico/2025/0523/1747993424374100.png" width="32" height="32" src="http://pic.pdowncc.com/uploadimg/ico/2025/0523/1747993424374100.png" alt="弓箭勇者最新版" />

<img preview="http://pic.pdowncc.com/uploadimg/ico/2025/0523/1747993424374100.png" width="32" height="32" src="http://pic.pdowncc.com/uploadimg/ico/2025/0523/1747993424374100.png" alt="弓箭勇者最新版" />

飞行射击下载

<img preview="http://pic.pdowncc.com/uploadimg/ico/2025/0523/1747993424374100.png" width="32" height="32" src="http://pic.pdowncc.com/uploadimg/ico/2025/0523/1747993424374100.png" alt="弓箭勇者最新版" />

<img preview="http://pic.pdowncc.com/uploadimg/ico/2025/0523/1747993424374100.png" width="32" height="32" src="http://pic.pdowncc.com/uploadimg/ico/2025/0523/1747993424374100.png" alt="弓箭勇者最新版" />

飞行射击下载

<img preview="http://pic.pdowncc.com/uploadimg/ico/2025/0523/1747993424374100.png" width="32" height="32" src="http://pic.pdowncc.com/uploadimg/ico/2025/0523/1747993424374100.png" alt="弓箭勇者最新版" />

<img preview="http://pic.pdowncc.com/uploadimg/ico/2025/0523/1747993424374100.png" width="32" height="32" src="http://pic.pdowncc.com/uploadimg/ico/2025/0523/1747993424374100.png" alt="弓箭勇者最新版" />

飞行射击下载