HTML中的圖象標籤屬性
圖象可以讓網頁更生動美觀。瀏覽器可以顯示JPEG和GIF圖象,其中GIF圖象最多只能使用256種顏色(即只能保存為8位顏
色),而JPEG格式可保存為24位,對具體連續色調的圖像有最佳效果。不過,GIF圖象雖然在圖象品質上不如JPEG圖象,但
其所佔的儲存空間下,下載速度快。因此應視不同情況而決定使用哪種格式的圖象。
在HTML文件中插入圖像是透過標籤來實現的。該標籤共有個9個屬性。除屬性SRC是不可缺省的外,其他的屬性都是可
選的。
一,SRC屬性。 SRC即Source,此屬性用以指出被引用的圖象檔案所在的位置。例如:
絕對路徑表示法:
相對路徑表示法:
SRC的屬性參數值就是影像檔案的URL。請注意,只有當圖象文件和HTML文件在同一目錄下時才可採用相對錶示法來識別圖像文
件的位置。
二,ALIGN屬性。 align屬性的參數值為top,middle,bottom.分別表示圖象相鄰的文字位於圖象的左上方,左面中間,和右下
方。例如:

再看這個怎麼樣?
可以將圖象換成自己的。注意,瀏覽器預設的目錄是windows/TEMP暫存資料夾。你需要指定圖象所在的目錄。
四,ALT屬性。當使用者瀏覽網頁時,常常會為了節省時間或其他的原因選擇不下載圖片,加入ALT屬性可以在原本顯示圖片的 位置顯示一些有關於該圖象的資訊。 ALT屬性的參數值就是網頁編輯者希望在原本顯示圖象的地方出現的文字訊息,一般
是圖象的名稱和簡要的說明。例如。
測試頁

你看不到吧?嘿
象邊距的屬性。
標籤用vspace和hspace這兩個屬性來決定圖象與其像鄰的物件之間的空白大小。 vspace屬性用來指定圖象與其垂直方
向上相鄰物件之間的距離。 hspave用來指定圖象與其水平方向相鄰物件之間的距離。這兩個屬性的參數都是數字,表示空出
瀏覽器在呼叫圖象時會根據瀏覽器視窗和原始圖像大小的不同給圖象加上不同寬度的邊框。我們可利用border屬性來指定圖形 象邊框的寬度或取消邊框
。 border屬性的參數值也是數字,表示邊框寬度所佔的像素點數。例如:
測試頁
看看效果就行。
border的參數值越大邊框越大。 七,ISMAP屬性 這個屬性於文件的超連結有關,我們以後在詳細講解它。

在本週的綜述中:Firefox獲得了類似鎖匠的力量,三星的Galaxy Store開始支持Progressive Web Apps,CSS Subgrid正在Firefox發貨

在本週的綜述中:Internet Explorer進入Edge,Google搜索控制台吹捧新的速度報告,而Firefox給出了Facebook' s Notification

蓋茨比(Gatsby)進行了出色的處理和處理圖像。例如,它可以幫助您節省圖像優化的時間,因為您不必手動


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

Atom編輯器mac版下載
最受歡迎的的開源編輯器

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)