- 背景圖案的設置
- 將圖片插入到網頁中去
- 用圖像作為超鏈接
- 使用工具建立地圖索引
- 切片索引
- 為網站添加圖標
5.1 背景圖案的設置（背景不占位置，不影響文本的輸入）
格式：<body background="URL">
?
5.2 將圖片插入到網頁中去（圖片占位置）
??????????? 格式:<img src="URL">
??????????? 功能:將圖片插入到網頁中去,單一標簽
??????????? <img>下的屬性
??????????????? 屬性名稱??????? 屬性值??????????? 說明
???????????????? src??????????? URL??????????? 圖片的路徑
????????????
??????????? 圖片的注解
??????????????? 屬性名稱????? 屬性值??????????? 說明
???????????????? alt????????? 字符串???????? 給圖片做注解（鼠標放在圖片上可見）
?
??????????? 圖象大小的設置
??????????????? 屬性名稱??????? 屬性值??????????? 說明
???????????????? width???????? 像素???????????? 絕對設置,寬
????????????????????????????? 百分比??????????? 相對設置,寬
???????????????? height??????? 像素???????????? 絕對設置,高
????????????????????????????? 百分比??????????? 相對設置,高
?
??????????? 圖象邊框的設置
??????????????? 屬性名稱??????? 屬性值??????????? 說明
???????????????? border???????? 數字??????????? 圖象邊框
?
??????????? 文字圖象的排列
??????????????? 屬性名稱??????? 屬性值??????????? 說明
???????????????? align???????? left??????????? 圖象靠左,文字靠右
?????????????????????????????? right???????? 圖片靠右,文字靠左
?????????????????????????????? top???????????? 文字往上靠
?????????????????????????????? middle???????? 文字靠中
?????????????????????????????? bottom???????? 文字靠下
?
??????????? 空隙的設置
??????????????? 屬性名稱??????? 屬性值??????????? 說明
???????????????? vspace??????? 像素??????????? 垂直上下兩端與物件的距離
???????????????? hspace??????? 像素??????????? 水平左右兩段與物件的距離
?
5.3 用圖像作為超鏈接
??????????? 格式:<a href="URL"><img src="URL"></a>
??????????? 注意點:邊框的問題.
?
5.4 地圖索引（利用工具，例如dw）
??????????????? 格式: <img src="URL" USEMAP="#圖象名稱">
?????????????????? <map name="圖象名稱" id="圖象名稱">
???????????????? <area shape="選取區塊的形狀" coords="坐標" href="URL" alt="文字說明">
?????????????????? </map>
????????????????????
???????????????? <map>聲明整張圖使用地圖鏈接方式進行連接.
???????????????????? name,id指此圖的名稱.
???????????????? <area>表示我們所要鏈接其中一點的區塊
???????????????????? shape表示我們所選擇的形狀,如:rect矩形 circle圓 poly多邊形
???????????????????? coords 表示地圖的坐標位置!!
?
5.5 切片索引
使用Firework來進行!!用表格進行定位!!
?
例子（四切片）：
<table border="0" cellspacing="0" cellpadding="0">
??? <tr>
??????? <td><a href="網站URL"><img src="圖片URL" border="0"></a></td>
??????? <td><a href="網站URL"><img src="圖片URL" border="0"></a></td>
??? </tr>
??? <tr>
??????? <td><a href="網站URL"><img src="圖片URL" border="0"></a></td>
??????? <td><a href="網站URL"><img src="圖片URL" border="0"></a></td>
??? </tr>
</table>
?
5.6 為網站添加圖標（在頁面源文件的<head></head>標簽之間插入）
??????????????? <head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
)
![$_SERVER[SCRIPT_NAME]、$_SERVER[PHP_SELF]、$_SERVER[QUERY_STRING]、$_SERVER[REQUEST_URI]](http://pic.xiahunao.cn/$_SERVER[SCRIPT_NAME]、$_SERVER[PHP_SELF]、$_SERVER[QUERY_STRING]、$_SERVER[REQUEST_URI])
