여러가지로 축소를 해보죠
넓이와 높이를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)">이렇게 하여 결과를 봅시다
결과 보기
좀더 멋있나요^^?
그럼 다음까지 안녕히...
추신
혹시 메모장이 잘 안되는분이 계시나요?
메모장의 메뉴중에 보기가 없는 컴도 있어요. 컴이 좀 구형이면 메모장에 보기가 없습니다. 그런분은 이렇게 하세요. 지금 여기에다 마우스를 대시고 마우스 오른쪽 버튼을 클릭해보세요. 메뉴창이 뜰겁니다. 컴을 장시간 사용하였거나 모뎀을 사용하시는분은 메뉴창이 한참 있어야 뜨요. 잘 안뜨면 왼쪽 마우스 클릭한다음 다시 오른쪽 마우스 클릭하고 기다리세요. 메뉴창이 보입니까? 중간쯤 보면소스보기(V)라고 있어요. 이걸 클릭해보세요 그럼 이글의원본이 보입니다.메모장이죠. 여러분들이 작성한 메모장도 이렇게 해서 소스를 볼수 있어요. 다시 말하면 메뉴의 소스보기를 선택한것과 같은 결과가 나옵니다. 메뉴에 보기가 있어도 이렇게 마우스 오른쪽 버튼을 이용하면 훨씬 빠르고 편리하게 소스보기를 할수있죠. 이소스 보기에서 다시 문서 작성하여 파일의 저장을 선택 하시면 됩니다.