標籤:

第五節「圖片標籤」邊看邊練

圖片標籤表達方式

添加了標題屬性與替代文本屬性的圖片標籤:

圖片標籤還可以添加邊框線的屬性:

圖片標籤還可以添加對齊方式屬性:

圖片標籤還可以添加自定義滑鼠指針樣式:

圖片標籤還可以添加外邊矩屬性:

下面是上面內容的代碼編輯圖片標籤表達方式<br><br><div>&nbsp;<img style="width: 300px; height: 450px;" src="https://www.getit01.com/getimg_360.php?url=http://image17.360doc.com/DownloadImg/2010/11/0321/6510364_2.jpg"></div>添加了標題屬性與替代文本屬性的圖片標籤:<br><br><div>&nbsp;<img style="width: 300px; height: 450px;" title="東方女性之魅力" alt="「春天沒來」歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image17.360doc.com/DownloadImg/2010/11/0321/6510364_2.jpg"></div>圖片標籤還可以添加邊框線的屬性:<img style="BORDER-BOTTOM: rgb(153,153,153) 28px outset; BORDER-LEFT: rgb(153,153,153) 28px outset; BORDER-TOP: rgb(153,153,153) 28px outset; BORDER-RIGHT: rgb(153,153,153) 28px outset" src="https://www.getit01.com/getimg_360.php?url=http://image58.360doc.com/DownloadImg/2013/01/2515/29834659_8.jpg" width_="450">&nbsp;<br><br><div>圖片標籤還可以添加對齊方式屬性:<img style="TEXT-ALIGN: center; DISPLAY: block" alt="" src="https://www.getit01.com/getimg_360.php?url=http://image58.360doc.com/DownloadImg/2013/01/2515/29834659_8.jpg" width_="450"></div>圖片標籤還可以添加自定義滑鼠指針樣式:<img style="border-width: 0px; margin: 0px; width: 700px; height: 900px; cursor: url(http://imgup2.poco.cn/mypoco/ani/mouse015.ani), w-resize; " id="albums" src="https://www.getit01.com/getimg_360.php?url=http://image18.360doc.com/DownloadImg/2010/12/1220/7595222_18.jpg">圖片標籤還可以添加外邊矩屬性:<img style="BORDER-RIGHT-WIDTH: 8px; MARGIN: 20px; WIDTH: 450px; BORDER-TOP-WIDTH: 8px; BORDER-BOTTOM-WIDTH: 8px; BORDER-LEFT-WIDTH: 8px" src="https://www.getit01.com/getimg_360.php?url=http://image58.360doc.com/DownloadImg/2013/01/2515/29834659_9.jpg">
推薦閱讀:

春天沒來老師給我做的圖片鏈接
老夫少妻很幸福 {夫妻圖片}
珍惜人生路上的點點滴滴 [圖片]
搞笑圖片
毛主席故居:韶山(圖片)

TAG:圖片 | 標籤 |