圖像標(biāo)簽

圖像標(biāo)簽 ??????<img src=”圖像URL”/>

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

Alt ： ?文本 ???圖像不能顯示時(shí)的替換文本

Title??? 文本 ???鼠標(biāo)懸停時(shí)顯示的內(nèi)容

Width?? 像素值 ?設(shè)置圖像寬度（設(shè)置一個(gè)屬性，另一個(gè)屬性會(huì)等比顯示）

Height? 像素值 ?設(shè)置圖像高度（設(shè)置一個(gè)屬性，另一個(gè)屬性會(huì)等比顯示）

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

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

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

align??? left???? 圖像左對(duì)齊

??????? right??? 圖像右對(duì)齊

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

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

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

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

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

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

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

• F12鍵預(yù)覽，效果成功即可。

總結(jié)

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

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