이미지 옆에 글 넣는 방법 입니다.

　
이미지 옆에 글을 넣는다면 더 다양하고 아름답게

될 것 같아서 그 방법을 올립니다...


이미지 옆에 글을 넣을때는

이미지 주소 뒤에 "align=방향"을 넣어 주시면 됩니다.

<img src=http://pp6143.woweb.net/zboard/data/p1/ment.gif border=1 align=left>


align=left 하면 그림이 좌측에 배열되고

글씨가 그림의 오른쪽에 위치하게 됩니다.

그러다가

이미지에서 글을 빠져 나가게 할려면


<br clear=left>라고 넣으면

이렇게 이미지 밑에 글을 넣을수 있어요.



　
border는 아래를 설명하기위하여 넣은것 입니다.

border=0으로 하면 테두리가 없어집니다


그런데

위의 것은 이미지와 글이 너무 붙어 있지예..?


글과 이미지 사이를 띄울려면

vspace=띄우고져 하는 수

hspace=띄우고자하는수

이렇게 넣으시면 됩니다




위의것은

<img src=http://pp6143.woweb.net/zboard/data/p1/ment.gif border=1 align=left vspace=0 hspace=30>

으로 설정한것 입니다


vspace는 이이지의 상하 여백의 크기를 설정하는 속성이고

hspace는 이미지의 좌우여백의 크기를 설정하는 속성입니다.


vspace와 hspace의 용도는 수치를 바꾸어 가면서 실험해보세요

어떻게 변하는지 보시면 설명보다 이해가 빨리 될겁니다.





　
그림의 왼쪽에 글자를 오게 할려면

align=right 로 넣어 주세요.


그러면 이렇게 그림의 왼쪽에

글자가 위치하게 됩니다.


<img src=http://pp6143.woweb.net/zboard/data/p1/ment.gif border=1
align=right vspace=10 hspace=20>



이렇게 한것이죠.

도움이 되셨으면 합니다