首頁 >web前端 >html教學 >HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作

HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:40:371854瀏覽
圖像標記:HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作
在頁面中插入圖像,我們需要使用"img"標記,它的屬性是"src"
例如代碼:
HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作 
結論:


在這裡我們假設圖片檔案和html檔案在相同的目錄中。
同樣我們可以給出影像檔案的完整路徑。
例如:
HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作 
寬度和高度:
透過使用屬性中的寬度和高度來校正在網頁中顯示圖像的大小。
例如程式碼:
HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作 
結論:


對齊:
我們可以使用屬性中的"align"來對齊影像。
把屬性值設定成:left/right/center
例如程式碼:
HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作 HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作 
結論:




邊框:
我們可以使用屬性中的"border"來設定影像周圍的邊框。這可以用於創建在圖像周圍的空間。
例如程式碼:HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作
 
結論:HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn