<TABLE height="320" width="380"
background="http://user.inlive.co.kr/mylog/board/2010/05/25/155476_21369.gif" border="10">
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount="2" direction="up"> <FONT color="yellow" size="4"><PRE><CENTER>OO^O^OO
</FONT></CENTER></PRE></MARQUEE></TD></TR></TBODY></TABLE>
 
 
 
....................................................................
 
이미지만 올라가는 매퀴태그입니다.
 
이미지 주소는 제 홈의 배너이니
이미지 주소만 바꿔서 사용하세요.
이미지가 한개가 아니고
네개입니다.
갯수는 마음대로 수정해서 사용하세요.
이미지가 올라가다가 마우스를 올리면 멈춥니다.
<center><br/><img src=http://funnymom.net/imag/banner.gif border=0>
<br/>
<img src=http://funnymom.net/imag/banner.gif border=0>
<br/>
<img src=http://funnymom.net/imag/banner.gif border=0>
<br/>
<img src=http://funnymom.net/imag/banner.gif border=0>

</marquee>
<br/></center>
 




 

그림위에 글 올리기


 

그림위에 글 올리기







<table background="http://blogfiles12.naver.net/data32/2008/3/21/107/%B0%AD%BE%C6%C1%F67255m5ytzjmwip_ssy3113.jpg" "width="300" height="150" border=10>
<tr><td><pre>
<font color=green size=3>
사랑해.사랑해.사랑해^ o ^좋아해.좋아해.좋아해
            ^o^  믿어주라  ^o^
</font></td></tr></table>




<PRE> 사랑해.사랑해.사랑해^ o ^좋아해.좋아해.좋아해 ^o^ 믿어주라 ^o^</PRE>


 background 작업명령어
<table background="그림 주소" "width="넓이" height="높이" border=10>
여기에
<tr><td> 로 가로 / 세로 를 정하고
<font color=green size=3> 글씨색과 크기를 정한다
</font></td></tr></table> 마무리는 해야죠
<pre> 이 명령어는 무엇 일까요?



<TABLE height="300" width="250"
background="http://blogfiles12.naver.net/data32/2008/3/21/107/%B0%AD%BE%C6%C1%F67255m5ytzjmwip_ssy3113.jpg" border="10">
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount="2" direction="up"><FONT color="yellow" size="4"><PRE><CENTER>OO^O^OO
</FONT></CENTER></PRE></MARQUEE></TD></TR></TBODY></TABLE>





<PRE>
OO^O^OO사랑해사 랑 해사 랑 해좋 아 해좋 아 해좋 아 해</PRE>


 <marquee direction=up scrollamount=2>
marquee 를적용 시켜 볼가요
direction=up  위로 움지여라
scrollamount=2  느리게 움직여라(2)
여러가지를 바꿔보시고 넣어 보시고 지지고 볶고 ㅎㅎ






<PRE> 사랑해.사랑해.사랑해^ o ^좋아해.좋아해.좋아해 ^o^ 믿어주라 ^o^</PRE>


 

 

 

 








[출처] <이미지>위에 글 올리기 (지리산약초) |작성자 영
 
**************************************************
 
HTML : img src 로 이미지와 글 올리기(테두리 없이 글올릴때)















1. 이미지와 글이 가운데로 오게하기
<center>
<img src=그림주소>
<pre>
<font color=색갈명이나 기호(blue혹은 #0033ff) size=3 face=서울흘기>
글내용
.
.
.
</font></pre></center>

2. 이미지의 왼쪽에 글올리기

① 이미지의 왼쪽에 알맞게 글올리기

<img src=그림주소 border=1 align=left vspace=0 hspace=30 alt=설명글>
<pre>
<font color=색갈명이나 기호(blue혹은 #0033ff) size=3 face=서울흘기>
글내용
.
.
.
</font></pre>

② 이미지의 왼쪽에 글올리다가 이미지의 길이보다 글이 길때 글올리기

<img src=그림주소 border=1 align=left vspace=0 hspace=30 alt=설명글>
<br clear=left><pre>
<font color=색갈명이나 기호(blue혹은 #0033ff) size=3 face=서울흘기>
글내용
.
.
.
</font></pre>

3. 이미지 오른쪽에 글올리기

① 이미지의 오른쪽에 알맞게 글올리기

<img src=그림주소 border=1 align=right vspace=0 hspace=30>
<pre>
<font color=색갈명이나 기호(blue혹은 #0033ff) size=3 face=서울흘기 alt=설명글>
글내용
.
.
.
</font></pre>

② 이미지의 오른쪽에 글올리다가 이미지의 길이보다 글이 길때 글올리기

<img src=그림주소 border=1 align=right vspace=0 hspace=30>
<br clear=right><pre>
<font color=색갈명이나 기호(blue혹은 #0033ff) size=3 face=서울흘기 alt=설명글>
글내용
.
.
.
</font></pre>

4. 참고설명

border는 아래를 설명하기 위하여 넣은것 입니다
글과 이미지 사이를 띄울려면

vspace=띄우고자 하는숫자(vertical space)
hspace=띄우고자 하는숫자(horizontal space)

align=left를 한후 br clear=left 를 하면  align=left를 해서 이미지를 왼쪽으로 보내고
br clear=left를 써서 br(enter를 클릭)을 쓴것같이 한칸 아래에 글이 오게됩니다

다시 정리를 해보면

이미지 옆에 글을 넣을때는 align 를 넣어 주시면 됩니다.
<img src=이미지주소 border=1 align=left>
이렇게 하면
여러줄의 글을 넣을수 있습니다
그러다가
이미지 높이보다 길게 글이 길게 내려가게 할려면

<br clear=left>라고 넣으면  이미지 밑에 글을 넣을수 있어요.

border는 이미지와 글이 얼만큼 떨어지나를 설명하기위하여 넣은것이고
테두리를 원치 않으면 border=0를 해주면 되요

그런데 이미지와 글이 너무 붙어 있는것을
글과 이미지 사이를 띄울려면
vspace=띄우고져 하는 수
hspace=띄우고자하는수
이렇게 넣으시면 됩니다

우리가 연습해 본것은
<img src=이미지주소 border=1 align=left vspace=0 hspace=30>
으로 설정하여
vspace와
hspace의 용도는 수치를 바꾸어 가면서
실험해보세요
어떻게 변하는지 보시면 설명보다 이해가 빨리 될겁니다.

태그연습장이나 이 연습장에서 연습을 해보고 제대로 내가 원하는 모양으로
보여지면 게시판에 올려주면 될것같아요