|
第五節(jié) 圖片標(biāo)簽 1、修改圖片的規(guī)格：
A、修改前：WIDTH: 720px HEIGHT: 540px
 B、修改后 ： WIDTH: 360px HEIGHT: 270px
 2、替換圖片的地址：
原圖：
<img style="width: 300px; height: 450px;" src="http://image17.360doc.com/DownloadImg/2010/11/0321/6510364_2.jpg">
替換后（包括修改尺寸）：
<img style="width: 360px; height: 270px;" src=http://userimage5.360doc.com/14/0406/16/9496045_201404061606110917.jpg>
3、認(rèn)識(shí)圖片的“標(biāo)題”屬性、“替代文本”屬性、“邊框線”屬性、“對(duì)齊方式”屬性、“外邊矩”屬性，并學(xué)會(huì)應(yīng)用這些屬性：
A、“標(biāo)題”屬性、“替代文本”屬性：
<img style="width: 599px; height: 398px;" title="玄武湖之夏" alt="“金陵漁樵”歡迎您" src="http://userimage5.360doc.com/14/0406/16/9496045_201404061655060526.jpg">
 b、“邊框線”屬性：
（寬度、樣式和顏色一圖綜合標(biāo)示）
<IMG style="BORDER-BOTTOM: rgb(255,255,0) 40px solid; BORDER-LEFT: rgb(153,153,153) 20px dotted; BORDER-TOP: rgb(153,153,153) 30px dashed; BORDER-RIGHT: rgb(153,153,153) 15px double" src="http://userimage5.360doc.com/14/0406/17/9496045_201404061712280807.jpg" width=450>
 4、給圖片添加一個(gè)自定義鼠標(biāo)指針（1）：
給圖片添加一個(gè)自定義鼠標(biāo)指針（2）：
5、給圖片添加絕對(duì)定位樣式 ： < IMG style="POSITION: absolute; WIDTH: 200px; TOP:200px; LEFT: 0px" src=" http://image58.360doc.com/DownloadImg/2013/01/2515/29834659_8.jpg " width=200> 
6、給圖片添加相對(duì)定位樣式： <IMG style="POSITION: relative; WIDTH: 300px; TOP: 120px; LEFT: 0px" alt="" src="http://userimage5.360doc.com/14/0406/17/9496045_201404061750050167.jpg" width=450>
|
|
|
來(lái)自： 漁樵舊草廬 > 《代碼作業(yè)》
