第五节“图片标签”边看边练

图片标签表达方式

 

添加了标题属性与替代文本属性的图片标签：

 

图片标签还可以添加边框线的属性：

 

图片标签还可以添加对齐方式属性：

图片标签还可以添加自定义鼠标指针样式：

图片标签还可以添加外边矩属性：

下面是上面内容的代码编辑

图片标签表达方式<br><br><div> <img style="width: 300px; height: 450px;" src="//image17.360doc.com/DownloadImg/2010/11/0321/6510364_2.jpg"></div>

添加了标题属性与替代文本属性的图片标签：<br><br><div> <img style="width: 300px; height: 450px;" title="东方女性之魅力" alt="“春天没来”欢迎您" src="//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="//image58.360doc.com/DownloadImg/2013/01/2515/29834659_8.jpg" width="450"> <br><br><div>图片标签还可以添加对齐方式属性：

<img style="TEXT-ALIGN: center; DISPLAY: block" alt="" src="//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="//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="//image58.360doc.com/DownloadImg/2013/01/2515/29834659_9.jpg">