HTML網頁製作 插入圖片

HTML網頁插入圖片。感興趣的小夥伴們快來了解一下吧。

插入圖片

將遊標定位在HTML文檔中要插入圖像的位置。

點擊“插入”選單，選擇“圖像”項，或者單擊“插入”面板上“常用”項，選擇“圖像”按鈕。

點擊“圖像”按鈕，彈出“選擇圖像源檔案”對話框。

選擇完之後，單擊“確定”按鈕，之後會彈出“圖像標籤輔助功能屬性”對話框。

設定完成之後點擊“確定”按鈕，就可以了。

如何更改圖片大小、添加邊框

寬度和高度：

透過使用屬性中的寬度和高度來校正在網頁中顯示圖像的大小。
例如代碼：
<img src="test.jpg" width=100 height=100>
width=寬度
height=高度

邊框:
我們可以使用屬性中的"border"來設定圖像周圍的邊框。這可以用於創建在圖像周圍的空間。
例如代碼:
<img src="test.jpg" border=4>

對齊:
我們可以使用屬性中的"align"來對齊圖像。
把屬性值設定成：left/right/center
例如代碼:
<img src="test.jpg" align=left> <img src="test.jpg" align=right alt="xxx">