圖像標簽

圖像標簽 ??????<img src=”圖像URL”/>

Src ????URL??? 圖像路徑

Alt ： ?文本 ???圖像不能顯示時的替換文本

Title??? 文本 ???鼠標懸停時顯示的內(nèi)容

Width?? 像素值 ?設置圖像寬度（設置一個屬性，另一個屬性會等比顯示）

Height? 像素值 ?設置圖像高度（設置一個屬性，另一個屬性會等比顯示）

Border?? 數(shù)字 ??設置圖像邊框的寬度

Vspace? 像素值 ?設置圖像頂部和底部的空白（垂直邊距）

hspace? 像素值 ?設置圖像左側(cè)和右側(cè)的空白（水平邊距）

align??? left???? 圖像左對齊

??????? right??? 圖像右對齊

??????? top???? 圖像頂端和文本的第一行文字對齊，其他文字居圖像下方

??????? middle? 圖像水平中線和文本的第一行文字對齊，其他文字居圖像下方

??????? bottom? 圖像底部和文本的第一行文字對齊，其他文字居圖像下方

注：1.實際制作并不建議用圖像標簽<img/>直接使用border，vspace，hspace及align屬性，可用CSS樣式替代。

2.網(wǎng)頁制作中，裝飾性的圖像不建議直接插入<img/>標簽，最好通過CSS樣式設置背景圖像來實現(xiàn)。

• 新建文檔并保存。
• 在body標簽內(nèi)編寫內(nèi)容。使用<img>圖像標簽導入圖片，h2標題標簽，三段文本用三個p標簽。

• 編輯<img>圖像標簽屬性，添加屬性align-left-圖像左對齊，hspace-30-水平間距。

• F12鍵預覽，效果成功即可。

總結(jié)

以上是生活随笔為你收集整理的图像标签图文混排的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。