여러가지로 축소를 해보죠
넓이와 높이를width=265 height=164 로 줄입니다
<img src="http://mysesang.com/buty/img/fantasia.jpg" width=265 height=164>
이렇게 하면
이렇게 되죠
넓이와 높이를width=200 height=124 로 줄입니다
<img src="http://mysesang.com/buty/img/fantasia.jpg" width=200 height=124>
이렇게 하면 밑의 그림이 나옵니다
더줄여 보죠
넓이와 높이를width=100 height=62 로 줄입니다
<img src="http://mysesang.com/buty/img/fantasia.jpg" width=100 height=62>
이렇게 하면
이렇게 작게 나오죠
그림의 테두리도 넣어 볼까요. table에서 배운 border을 넣으면 되지요
<img src="http://mysesang.com/buty/img/fantasia.jpg" width=200 height=124 border=3>
예쁜 테두리가 보이시죠
테두리를 더 넓게 넣어 봅시다
<img src="http://mysesang.com/buty/img/fantasia.jpg" width=200 height=124 border=30>
마음대로 한번 바꿔 볼까요
넓이와 높이를width=150 height=250 으로 바꿔 봤어요
<img src="http://mysesang.com/buty/img/fantasia.jpg" width=150 height=250>
어??? 키가 커졌네요. 키가 작으신분은이렇게 하면 되죠^^
이렇게 width 와 height의 수치를 바꾸면 여러분의 마음데로 그림을 확대하거나 축소할수도 있고 모양까지 바꿀수있어요
그림이 좀 평범해요, 그럼 특수 효과도 넣어보죠
style="filter:alpha(opacity=100, style=2, finishopacity=0)" 를 넣어보면 어떻게 될까요
<img src="http://mysesang.com/buty/img/fantasia.jpg" style="filter:alpha(opacity=100, style=2, finishopacity=0)">이렇게 하여 결과를 봅시다
결과 보기
좀더 멋있나요^^?