當使用HTML創建網頁時,image標記用于在頁面上的特定位置插入照片或圖形,從增加興趣到用作導航工具或提供信息。還有幾種不同格式的圖像可供使用。無論如何或何種圖像被添加到網頁中,圖像標記始終是必需的。 圖像標記包含...
當使用HTML創建網頁時,image標記用于在頁面上的特定位置插入照片或圖形,從增加興趣到用作導航工具或提供信息。還有幾種不同格式的圖像可供使用。無論如何或何種圖像被添加到網頁中,圖像標記始終是必需的。

圖像標記包含顯示圖像在網頁上的顯示位置的信息。
若要添加圖像,請將圖像標記包含在您希望圖像顯示在網頁中的位置。例如,如果要在此段落之后插入圖像,請使用圖像標記或<;img>;,將添加到此段落之后的HTML文檔中。標記<;img>;以HTML格式定義所有圖像。它被稱為空標記,因為它包含屬性且沒有結束標記。屬性是可用于特定HTML標記的選項。
如果僅將<;img>;添加到HTML文檔中,如果沒有包含標記的屬性,則不會顯示任何內容。<;img>;最重要的屬性是"src",它表示源。src屬性表示圖像文件實際位于何處,或者它是圖像文件的地址。當圖像在網頁上使用時,圖像的位置在HTML文檔中,圖像看起來像:<;img src="URL"/>;
具體來說,URL指向圖像的存儲位置。例如,如果計算機的圖像具有計算機.jpg如果存儲在www.img.com的images文件夾中,則URL將替換為:<;img src="www.img.com/images/計算機.jpg"/>當瀏覽器打開網頁時,它會顯示包含圖像標記的圖像。
圖像標記有許多其他不同的屬性。這些屬性允許用戶調整圖像在頁面上的外觀。以下屬性通常用于此標記:alt、border、size,屬性alt表示替換文本,如果瀏覽器無法顯示圖像,則會顯示該屬性。此外,對于那些視覺上有問題并選擇在圖像上顯示文本的用戶,將讀取替代文本。對于上面的示例,替代文本可以用alt="計算機的圖像"來表示。
border屬性向圖像添加一個邊框,其厚度取決于指定的像素數。當圖像背景和網站背景相似并且需要明確區分時,這一點尤其有用。例如,border="10"將在圖像周圍放置一個10像素厚的邊框。
大小屬性也很重要,因為寬度和高度可用于指定圖像的精確大小。這些屬性的使用需要非常小心,因為更改這些屬性會影響顯示圖像的比例或質量。大小屬性不會更改實際大小屬性align指定圖像與頁面上文本的對齊方式。此屬性有多種不同的選項,包括頂部、底部、中間、左側、右側、absmiddle、absbottom,baseline和texttop。這些標記還有助于確定頁面上的文本與圖像的對齊方式。