當前位置:妙知谷 >

遊戲數碼 >IT技術 >

HTML網頁製作:[1]插入圖片

HTML網頁製作:[1]插入圖片

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

插入圖片

(01)將光標定位在HTML文檔中要插入圖像的位置。

(02)點擊“插入”菜單,選擇“圖像”項,或者單擊“插入”面板上“常用”項,選擇“圖像”按鈕。

(03)點擊“圖像”按鈕,彈出“選擇圖像源文件”對話框。

HTML網頁製作:[1]插入圖片

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

HTML網頁製作:[1]插入圖片 第2張

(05)設置完成之後點擊“確定”按鈕,就可以了。

HTML網頁製作:[1]插入圖片 第3張

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

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

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

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

標籤: HTML 網頁
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/q6qgy.html