|
嵌入行中的圖象
多數(shù) Web 瀏覽器可以顯示嵌入行中的X 位圖(XBM), GIF, 或 JPEG 格式的圖象(即和文本想鄰的圖象) . 其他格式的圖象正在合并到Web 瀏覽器中[如, Portable Network Graphic (PNG) 格式]. 每個(gè)圖象都花費(fèi)處理時(shí)間并降低文檔顯示的速度. 仔細(xì)選擇你的文檔中的圖象和圖象的個(gè)數(shù).
包含一個(gè)嵌入行中的圖象, 輸入:
<IMG SRC=圖象名>
ALT="FORWARD" HEIGHT=32 WIDTH=32>
其中 圖象名 是圖象文件的URL .
<IMG SRC> URLs 的語法格式和錨鏈HREF使用的格式相同. 如果圖象文件是GIF 文件, 則圖象名中的文件名部分必須以.gif結(jié)束. X 位圖格式的文件必須以.xbm結(jié)尾; JPEG 圖象文件必須以.jpg或 .jpeg結(jié)束; Portable Network Graphic 文件必須以.png結(jié)束.
圖象大小屬性
在<IMG> 標(biāo)記中你應(yīng)該包含其它兩個(gè)屬性，用于通知瀏覽器正在和文本一起下載的圖象的大小. HEIGHT 和 WIDTH 屬性使瀏覽器在下載文件其它部分的時(shí)候?yàn)閳D象留出適當(dāng)?shù)目臻g（象素）. (從你的圖象處理軟件如Adobe Photoshop中可以得到象素大小.)
例如, 要在文件中包含一幅自己的肖像, 輸入:
<IMG SRC=SelfPortrait.gif HEIGHT=100 WIDTH=65>
ALT="FORWARD" HEIGHT=32 WIDTH=32>
注意: 當(dāng)圖象大小與屬性描述大小不一致時(shí)，有些瀏覽器使用 HEIGHT 和 WIDTH屬性來擴(kuò)大或縮小一幅圖象以使它適用于分配的空間. 并非所有的瀏覽器開發(fā)者都贊同放大／縮小圖象. 因此，在安排時(shí)不要假設(shè)你的讀者都可以使用這種特性. 最好查看一下圖象大小，使用正確的尺寸.
圖象定位
對(duì)于圖象的顯示你具有一定的靈活性. 你可以讓圖象和文本分開，把圖象放在左邊，右邊，或者中間. 或者你可以讓圖象和文本在同一行。你可以嘗試多種形式，看一看哪種最好
使圖象和文本在同一行
缺省情況下圖象的底部和隨后的文本在同一行顯示，就象現(xiàn)在的這段. 你也可以通過把ALIGN= 屬性的值設(shè)為 TOP 或 CENTER，把圖象放到一段的頂端或中間。
這段文本與圖象的頂端在同一行(<IMG SRC = "BarHotlist.gif" ALIGN=TOP>). 注意只有一行文本如此，其他行跳到圖象的底部顯示.
這一行文本顯示在圖象中間(<IMG SRC = "BarHotlist.gif" ALIGN=CENTER>). 同樣，只有一行顯示在中間，其他行在圖象的下面.
不帶文本的圖象
如果要顯示一幅不帶文本的圖象(例如，你的組織的徽標(biāo)), 只要把它作為單獨(dú)的一段即可. 使用段落標(biāo)記的 ALIGN=屬性把圖象調(diào)整到窗口的中間或右邊，如下所示:
<p ALIGN=CENTER>
<IMG SRC = "BarHotlist.gif">
</p>
結(jié)果為:
圖象顯示在中間; 本段從它下面靠左開始.
圖象的替換文本
一些 World Wide Web 瀏覽器--主要是那些在 VT100 終端上運(yùn)行的瀏覽器--不能顯示圖象. 有些用戶會(huì)關(guān)掉圖象下載功能，就算他們的軟件可以顯示圖象(特別是如果他們是 modem 或低速線路的用戶). HTML 提供一種機(jī)制使得讀者知道他們看到的頁面上缺少了什么.
ALT 屬性使你可以指定一段可以替代圖象來顯示的文本. 例如:
<IMG SRC="UpArrow.gif" ALT="Up">
ALT="" HEIGHT=48 WIDTH=50>
其中 UpArrow.gif 是一個(gè)向上的箭頭.在具有圖象顯示功能并且圖象下載打開的瀏覽器中，你可以看到一個(gè)上箭頭的圖形。在VT100 瀏覽器中或者圖象下載關(guān)閉的情況下, 你的窗口中將顯示 Up 這個(gè)單詞.
你應(yīng)該對(duì)出現(xiàn)在你的文檔中的每個(gè)圖象都使用一個(gè)替換文本, 這是一種對(duì)讀者的禮貌.
背景圖象
新版本的 Web 瀏覽器可以下載一幅圖象用做顯示一個(gè)主頁時(shí)的背景. 有些人喜歡使用背景，有些人不喜歡. 通常，如果你想包含一個(gè)背景, 你要確保你的文本在背景上依然可以被很清晰地閱讀.
背景圖象可以是一個(gè)物體的組織 (例如亞麻布紙張)或圖象 (可能是一個(gè)徽標(biāo)). 你可以象生成其他任何圖象一樣來生成背景圖象。
不過你只需要制作一個(gè)很小的圖象. 瀏覽器會(huì)使用一種稱之為“蓋瓦”tiling的特性重復(fù)顯示這個(gè)圖象，填滿整個(gè)瀏覽器窗口。簡(jiǎn)單地說，你只要生成一幅圖象，瀏覽器會(huì)自動(dòng)重復(fù)多次，直到填滿你的窗口。當(dāng)你使用下面說明的標(biāo)記時(shí)，這個(gè)動(dòng)作會(huì)自動(dòng)執(zhí)行.
包含背景圖象的標(biāo)記包含在 <BODY> 標(biāo)記描述中作為一個(gè)屬性:
<BODY BACKGROUND="filename.gif">
背景顏色
缺省情況下瀏覽器使用灰底黑字顯示文本. 但是, 你可以改變它們. 一些 HTML 作者選擇一個(gè)背景顏色，配以文本顏色的相應(yīng)改變.
對(duì)于這種改變一定要預(yù)先看一看，是否還易于閱讀. (例如, 不少人用黑底紅字，非常難以閱讀!)
使用<BODY>標(biāo)記的多種屬性，你可以改變文本，鏈接，看過的鏈接和活動(dòng)鏈接的顏色. 例如, 輸入:
<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">
將創(chuàng)建一個(gè)窗口，背景為黑色 (BGCOLOR), 文本為白色 (TEXT), 超鏈為銀色 (LINK).
六位的數(shù)字和字母的組合代表顏色，它給出某種顏色的 RGB (紅red, 綠green, 藍(lán)blue)的值. 這個(gè)六位數(shù)字實(shí)際上是三個(gè)順序排列的兩位數(shù), 代表從00到FF的紅，綠，藍(lán)比重的十六進(jìn)制值。例如, 000000 表示黑色(沒有任何顏色), FF0000 是亮紅, FFFFFF 是白色 (所有三種顏色全部飽和). 這些數(shù)字和字母的組合的含義是模糊的. 幸運(yùn)的是有一個(gè)在線資源可以幫助你了解各種組合與顏色的對(duì)應(yīng)關(guān)系:
ColorPro Web server
外部圖象，聲音，和動(dòng)畫
你可能希望當(dāng)用戶激活你的文檔中一個(gè)單詞或小的圖象作成的鏈接時(shí)，把一幅圖象作為單獨(dú)的文檔打開. 這種情況稱為一個(gè)外部圖象, 當(dāng)你不想由于大的圖象而降低主文檔的下載速度時(shí)，它是很有用的.
要包含一個(gè)外部圖象的鏈接, 輸入:
<A HREF="MyImage.gif">link anchor</A>
你也可以用一個(gè)小的圖象作為到大圖象的鏈接. 輸入:
<A HREF="LargerImage.gif"><IMG SRC="SmallImage.gif"></A>
ALT="" HEIGHT=48 WIDTH=50>
讀者看到圖象 SmallImage.gif ，點(diǎn)擊它就可以打開文件 LargerImage.gif .
使用同樣的語法鏈接外部動(dòng)畫和聲音. 唯一的不同在于鏈接文件的擴(kuò)展名. 例如,
<A HREF="AdamsRib.mov">link anchor</A>
出處：
責(zé)任編輯：冬兒
上一頁 HTML 初學(xué)者指南(七) 下一頁 HTML 初學(xué)者指南(九)
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 
第 8 頁 HTML 初學(xué)者指南(八)
