[導讀] 很久以前一(yī)直到現在,有好多網友問過我(wǒ)(wǒ)類似的問題,尤其是拷貝了本站的一(yī)些圖形圖像特效代碼後,總是圖片顯示不出來等問題出現,在這裏專門爲這些初學者寫一(yī)篇相關的教程,如果您沒有這方面的疑問,請自行走開(kāi)! 關于網頁中(zhōng)應用圖像的問題,也就是網頁中(zhōng)圖像标記的應用,下(xià)面給大(dà)家總結一(yī)下(xià)! 1)圖像标記概述。 如果網頁
很久以前一(yī)直到現在,有好多網友問過我(wǒ)(wǒ)類似的問題,尤其是拷貝了本站的一(yī)些圖形圖像特效代碼後,總是圖片顯示不出來等問題出現,在這裏專門爲這些初學者寫一(yī)篇相關的教程,如果您沒有這方面的疑問,請自行走開(kāi)!
關于網頁中(zhōng)應用圖像的問題,也就是網頁中(zhōng)圖像标記的應用,下(xià)面給大(dà)家總結一(yī)下(xià)!
1)圖像标記概述。
如果網頁隻有文字而沒有圖像,像失去(qù)了很多活力,圖像在網頁制作中(zhōng)是非常重要的一(yī)個方面,HTML專業提供了<IMG>标記來把圖像輸出到網頁上。該标記有SRC、ALT、ALIGN、BORDER、WIDTH和HEIGHT屬性。
2)屬性介紹。
SRC屬性。對于<IMG>标記,其SRC屬性是必然屬性,即在<IMG>标記中(zhōng)SRC是必須賦值的,是标記不可缺少的一(yī)部分(fēn)。這時,IMG應該寫成如下(xià)格式:
<IMG SRC=”參數值”>
其中(zhōng),參數值爲圖像的文件名全稱和路徑。
我(wǒ)(wǒ)們知(zhī)道圖像文件占用的空間一(yī)般遠大(dà)于諸如HTML文檔這樣的純文本文件,而網頁設計經常需要加入許多圖像以便增加吸引力,如果這些圖像文件都要加入HTML文檔裏,HTML文檔就會變得很大(dà),在網絡上傳輸必然會很慢(màn)。
<IMG>标記并不是真正把圖像加入到HTML文檔中(zhōng),而是告訴HTML:圖像文件是哪個?在哪裏?以便HTML到圖像文件的原始位置去(qù)調用它。SRC屬性的作用就是回答這兩個問題,所以SRC屬性的參數值一(yī)定要有圖像文件的文件名全稱,即文件名和擴展名,如logo.gif,這就回答了圖像文件是哪個的問題;其參數值也要有圖像文件的路徑,以便HTML知(zhī)道在什麽地方去(qù)找到這個圖像文件。
SRC屬性的參數值中(zhōng),如何撰寫圖像文件的路徑對于初學者往往是個問題。
圖像文件的路徑可以是相對路徑,也可以是網址。所謂相對路徑是指所要鏈接或嵌入到當前HTML文檔的文件與當前HTML文件的相對位置所形成的路徑。假如HTML文件與圖像文件(假設名字爲logo.gif)在同一(yī)個目錄下(xià),則可以将代碼寫成<IMG SRC=”logo.gif”>;假如該圖像文件放(fàng)在當前的HTML文件所在目錄的一(yī)個子目錄(假設子目錄名爲images)下(xià),則代碼應爲 <IMG SRC=”images/logo.gif”>;假如該圖像文件放(fàng)在當前HTML文件所在目錄的上層目錄(假設上層目錄名爲home)下(xià),則相對路徑必須是準網址了,即用“../”來表示開(kāi)發者的網站,然後在後邊緊跟圖像文件在開(kāi)發者網站中(zhōng)的路徑。例如,假設home是這個網站下(xià)的一(yī)個目錄,則代碼應該爲<IMG SRC=”../home/logo.gif”>,若home是網站下(xià)的目錄king下(xià)的一(yī)個子目錄,則代碼應該寫爲<IMG SRC=”../king/home/logo.gif”>。
其它屬性。<IMG>标記的ALT、ALIGN、BORDER、WIDTH和HEIGHT屬性是可選的。ALIGN屬性是圖像的對齊方式,參數取值爲左(left)、中(zhōng)(center)、右(right);BORDER是圖像的邊框,其參數取大(dà)于或等于0,默認單位爲像素;WIDTH和 HEIGHT屬性是圖像的寬和高,其參數的默認單位爲像素;ALT屬性是當鼠标移動到圖像上時顯示的文本,在這裏提醒大(dà)家制作網頁時一(yī)定要使用該屬性,這樣做的目的是什麽呢?是當圖像由于某種原因不能顯示時可以顯示提示的文字,這樣增加了對用戶的友好度
CopyRight 2004-2018 JSOON NETWORK , Inc. All Rights Reserved 成爲國内更有價值的網絡營銷服務商(shāng)-佳速網絡 服務熱線:021-58361813
上海佳速公司提供抖音代運營、網站建設制作、微信小(xiǎo)程序開(kāi)發服務