當前位置:妙知谷 >

遊戲數碼 >IT技術 >

HTML網頁製作 插入圖片

HTML網頁製作 插入圖片

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

插入圖片

將游標定位在HTML文件中要插入影象的位置。

點選“插入”選單,選擇“影象”項,或者單擊“插入”面板上“常用”項,選擇“影象”按鈕。

HTML網頁製作 插入圖片

點選“影象”按鈕,彈出“選擇影象原始檔”對話方塊。

HTML網頁製作 插入圖片 第2張

選擇完之後,單擊“確定”按鈕,之後會彈出“影象標籤輔助功能屬性”對話方塊。

HTML網頁製作 插入圖片 第3張

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

HTML網頁製作 插入圖片 第4張

如何更改圖片大小、新增邊框

寬度和高度:

通過使用屬性中的寬度和高度來校正在網頁中顯示影象的大小。
例如程式碼:
<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">

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