<marquee direction=up scrollamount=1 height=500>
<font face=바탕체 color=red size=7>
<center><pre><b>
고향의 봄<br><br><br>
나의 살던 고향은<br><br>꽃 피는 산골<br><br>
복숭아꽃 살구꽃 아기 진달래<br><br>울긋불긋 꽃대궐 차리인 동네 <br><br>
그 속에서 놀던 때가<br><br>그립습니다.<br><br></b></pre>
</font></marquee></td>
</tr>
</table>
위로올라가는글씨소스
-이미지 올리는 태그와 크기 조절하는 태그
A4 용지 크기, 픽셀크기
이미지 추가법(gif,jpeg)
<img src="호랑이.jpg">
혹시나 백그라운드와의 차이가 햇깔리시나요?
백그라운드는 웹전체에 이미지가 꽉 차지만
위의 태그는 작은 그림만 추가하게 됩니다.
바탕화면이 아닌 어떤 특정한 폴더안에 있을경우
<img src="특정 폴더의 이름/호랑이.jpg">
폴더의 폴더에 있을경우 각 폴더명을 입력하고 /를 꼭 붙여줍니다.
이미지 크기조절
<img src="호랑이.jpg" width=200 height=100>
width는 가로
height는 세로
----------------------------------------------------------------
이미지 올리는 태그와 크기 조절하는 태그(1)
<img src=http://cfile251.uf.daum.net/image/11097448516657C617E27B table border=8 bordercolor=red width=1024 height=706>
-----------------------------------------------------------------
이미지위로 글씨 올라가는 태그 소스입니다(1)
<center>
<table border=7 bordercolor=red
background="http://aj425.com.ne.kr/htm/G/FlowerGallery/107.jpg" width=505 height=340>
<tr><td>
<marquee direction=up scrollamount=1>
<font color=red size=5 face=엽서체><pre><b><ul>
(단순 테두리 넣기)
그림에
단순한 테두리를 넣었습니다.
그림만 있을 때 보다 예쁘죠?</font></ul>
</td></tr></table></center>
------------------------------------------------------------------
<br><br>
border=7 테두리의 두께는 7 (숫자로 조절함)
bordercolor=green 테두리의 색상은 초록색
width=505 height=340 그림의 크기 (그림 복사할 때 해상도)
-------------------------------------------------------------------
글씨 올라가는 태그에서요...
사진 크기 조절(1)
<table background="이미지주소" border="2" cellpadding="2" width="800" height="600">
<tr>
<td width="479"><p align="left"><font face="굴림" size="2" color="gray">
<marquee direction="up" scrollamount="1.5" scrolldelay="100" loop="ture" width="480"
height="200"><p>
우리 이웃님들 <p>
이곳에 원하는 글을쓰면됩니다 <p>
글자가 올라가고있네요~^^ <p>
</font></p></TD></TR></TABLE>
으로 해서 배율을 맞춰 주셔야 합니다.
------------------------------------------------------------------
이미지 사진위로 글씨 올라가는 태그 소스입니다(2)
<table border=10 bordercolor=red width=1024 height=706 align=center>
<tr>
<td background=http://cfile251.uf.daum.net/image/11097448516657C617E27B width=1024 height=706>
<marquee direction=up scrollamount=1 height=500>
<font face=바탕체 color=red size=7>
<center><pre><b>
고향의 봄<br><br><br>
나의 살던 고향은<br><br>꽃 피는 산골<br><br>
복숭아꽃 살구꽃 아기 진달래<br><br>울긋불긋 꽃대궐 차리인 동네 <br><br>
그 속에서 놀던 때가<br><br>그립습니다.<br><br></b></pre>
</font></marquee></td>
</tr>
</table>
-------------------------------------------------------------------
<center>
<table border="1" cellspacing="0" width="700" bordercolor="000000" bordercolordark="white" bordercolorlight="000000">
<tr>
<td width=700>
<p><font color=000000 face=바탕 size=2>
<br>
<font color=teal><center><p><br>
이미지위로..글자가 올라가는 태그입니다..<br><br>
좋은글게시판에 글올리때 사용하시면좋겠죠...<br><br><br></center>
<font color=hotpink>
<center><table background="이미지주소" width="532" height="332" bgproperties="fixed" border=1></center><br><br>
<tr><td><marquee style=text-align:left;" direction="up" behavior="loop" scrollDelay="74" scrollamount="1"><br><br>
<font size=2 color="000000" face=굴림><br><br>
.<br><br>
.<br><br>
.<br><br>
내용 적기<br><br>
.<br><br>
.<br><br>
.<br><br>
</font></TD></TR></TABLE></center><br><br><br><br>
<font color=000000>
font size=글자크기 color="글자색" face=글씨체<br><br>
width="이미지가로크기" height="이미지 세로크기"<br><br>
border=1 -> 테두리 생김<br><br>
border=0 -> 테두리 없슴<br><br>
text-align:left; -> 왼쪽에 글이 위치 (center=중앙, right=오른쪽)<br><br>
scrollDelay="74" -> 글 올라가는 속도<br><br>
<br><br><br>
<center>
<br><br>
</font><p><br>
</td>
</tr>
</table>
-----------------------------------------------------------------
이미지 위로 글자 올라가는 태그는 다음과 같습니다.
<br>
<p align="center">
<br>
<table background="넣고 싶은 이미지" >
<br>
<tr>
<br>
<td border="0" width="테이블의 넓이 지정" height="테이블의 높이 지정">
<br>
<marquee direction="up" scrollamount="글자가 올라가는 속도 지정">
<br>
<font color="글자의 색지정" size="글자 크기 지정" face="글자의 모양지정">
<br>
<br>
<br>
쓰고 싶은 문구<br>
<br>
<br>
쓰고 싶은 문구<br>
<br>
<br>
쓰고 싶은 문구<br>
<br>
</font>
</marquee>
</td>
</tr>
</table>
<embed src=음악 주소>
※ 쓰고 싶은 문구의 간격이나 또는 문구열의 갯수는 여러분 마음데로 지정하시면 됩니다.
위의 예제는 올라가는 문구 열의 갯수가 5개 입니다.
또, 배경음악 태그를 사용하시면 분위기에 맞는 음악도 넣울수 있겠지요.
<font size=3 color="blue"><xmp‍><!--소스-->
----------------------------------------------------------
<table background="http://home.hanmir.com/~sskiss/kiss/sakura.gif" border="1" bordercolor=#ddbbc3>
<tr>
<td border="20" width="500" height="400">
<marquee direction="up" scrollamount="1">
<font size=2 color=#ddbbc3><center>
☆꽃밭에서...☆ ㅡ조관우ㅡ<p>
꽃밭에 앉아서 꽃잎을 보네 <p>
고운 빛은 어디에서 왔을까 아름다운 꽃이여 꽃이여<p>
이렇게 좋은날엔 이렇게 좋은날엔 내님이 오신다면<p>
얼마나 좋을까<p>
꽃밭에 앉아서 꽃잎을 보네 <p>
고운 빛은 어디에서 왔을까 아름다운 꽃송이 <p>
이렇게 좋은날엔 이렇게 좋은날엔 그님이 오신다면 얼마나 좋을까 <p>
꽃밭에 앉아서 꽃잎을 보네 <p>
고운 빛은 어디에서 왔을까 아름다운 꽃송이<p>
</center></font></marquee> </td></tr></table>
-----------------------------------------------------------
영상위에 글올리기.....
먼저 그림을 복사해다가 아래에 붙여 넣는다.
<table background="그림주소">
<tr><td border=3 bodercolor=navy width=800 height=600>
(그림의테두리(boder)두께와 테두리 색상)
★width=800 height=600 → 그림의 가로,세로.
등록정보에 나타난 "해상도"의숫자가 그 그림의 실제크기 ★
<marquee direction="up" scrollamount="1">
marquee :글이나 그림을 움직이게하는 태그 명령어.
up :글자를 위로 올라가게 하기.
1 :속도(숫자가 클수록 속도는빨라짐)
<font color="red" size="4" face="엽서체">→ 글자의색깔,크기및 글씨체.
*글씨색 gold,red,navy,skyblue,blue,green,등등...
더세밀하게 이쁜색을 넣으려면 태그색상표를 다운받아
그번호를 색상대신 기입하면된다.
*size의 숫자는 클수록 글이 커진다.
*글씨체...궁서체,엽서체,바탕체,굴림체,궁서체 등등
그리고,
쓰고싶은 글이나 시를 기입한다.
내용위에서 준 명령어를
/를 붙여서 역순으로 마감하면 된다 .
마감을 하지않으면 게시판밑에 원래있던
다른글들도 같이살자구 테이블 안으로 들어옵니다^^
다음과같이 마감 태그를 넣습니다.
</marquee></center></font></tr></td></table></center>
태그 재미있어요.
간단한거니까 시험해보시고
나만의 작품을 만들어 게시판에 올려보세여
색다른 재미가 있어요.
주의할점은
명령어를 쓸때 대소문자를 정확히구분하시고
, ."같은 부호들이 하나라도
빠지면 안되요~
---------------------------------------------------------
---------------------------------------------------------
사진위로 글 올라가게하는 태그
<TABLE height=300 width=450 background= http://cfs13.planet.daum.net/upload_control/pcp_download.php?fhandle=SW9CekBmczEzLnBsYW5ldC5kYXVtLm5ldDovNDE1NzE2OS8wLzIuanBnLnRodW1i&filename=2.jpg <br>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=1 scrollDelay=30 direction=up loop=infinite width=330 height=240><PRE><FONT color=yellow size=5>
<BR> 신지식 인
<FONT color=yellow size=3>
<BR> 신지식인
<BR> 신지식인
<BR>
<BR> 신지식인
<BR> 신지식인
<BR>
<BR> 신지식인
<BR>
</PRE><BR></FONT></MARQUEE><BR></TD><BR></TR><BR></TBODY></TABLE>
<P align=center></P>
<P align=center><BR></P><EMBED height="45" width="280" src=음악소스 넣는 곳 hidden=true type=application/octet-stream AutoStart="1" volume="0" loop="-1">
여기서, loop=-1 또는 loop=infinite는 반복을 계속해서 하겠다는 뜻입니다.
빨간색 부분은 이미지 소스 넣는곳
파란색 부분은 제목 글자크기와 색갈
벽돌색 부분은 글자 크기와 색갈
보라색 ( 글 올라가는 넓이 길이 속도 조절 하세요 )
맨 아래는 음악 넣는 곳
<BR> 줄 바꾸기 입니다.
<BR><BR> 이렇게 하면 두칸이 떨어 집니다.
이미지 크기 따라 조절 하세요.
-------------------------------------------
<table background="배경이될 이미지주소" width="배경이될이미지 가로사이즈" height="배경이될 이미지 세로사이즈">
<tr><td><marquee direction=up scrollamount=3><center><pre>
이쁜글 쓰세요</pre></td></tr></table>
--------------------------------------------
여기까지
소스는 위에것이 소스고요 태그는 생각보단 쉽습니다.
table background는요 말그대로 테이블 뒷배경이라고 할까나......
그렇게 생각하면 되고요.
이미지 주소 찾는 방법은 이미지에서 마우스 오른쪽 클릭하여서 속성에 들어가시면
이미지 사이즈도 나오고 주소도 나옵니다.
그거 참고 하시면 되요.
참고로 (네이x는 다음하고 틀려서 네이x이미지를 가지고오시면 본인은 순간 보일진 몰라도
다른사람들은 안보입니다.참고..-0-)
그리고 <tr>과<td>는 꼭 해주셔야 되고요.
글씨 위로 올라가는 소스는 marquee태그인데요 그옆에보시면 direction=up있잖아요. up은 위로란 이야기지요.
up대신에 down이나right등 오른쪽 위 아래 그런 영어들 넣어주시면 되고요.
scrollamount 를 지금 현제 3으로 넣어놨는데요
숫자가 높을수록 빨라지는거니 그건 알아서 조절하시면되요^^*
그리고, center는 영어 그대로 가운데라는 이야기고요..머..center지우시면 맨 왼쪽으로 붙습니다만은...
그리고 꼭 마지막에는 테이블 마감표시</tr></td></table>머 이런걸 꼭 해주셔야 됩니다.
슬러쉬로 시작하는 태그는 마감태그여요.
혹, 이해안되시면 대략 난감해요.ㅠ.ㅠ..
난 열심히 내 아는대로 설명했을 뿌니공....설명이 이해가 안된다면 난 좌절할뿌니공..OTL...
--------------------------------------------
그림이 사진이 위로 올라가는 태그 공식(marquee)
소스 모음(1)
<table bgcolor="31ffff" width="690" height="890" border="8" bordercolor="blue">
<tr><td><p align="center">
<table bgcolor="ceff00" width="660" height="860" border="4" bordercolor="red">
<tr><td><p align="center">
<marquee direction="up" width= "600" height="400" scrollamount="3">
<p align="center">
<font face="휴먼옛체" size="6" color="green"><br>
제목 <br><br>
<img src="사진" width="550" height="350"><br>
<font face="궁서" size="4" color="white"><br>
<span style="color:white; filter:glow(color:blue); height:28px">
글
<img src="그림" width="550" height="350"><br>
<font face="휴먼옛체" size="4" color="ff62ff"><br>
글
<img src="사진" width="550" height="350"><br>
<font face="견고딕" size="4" color="lime"><br>
글
<img src="사진" width="550" height="350"><br>
<font face="돋움" size="4" color="pink"><br>
글
<img src="사진" width="550" height="350"><br>
<font face="궁서" size="4" color="pink"><br>
글
<img src="사진" width="550" height="350"><br>
<font face="견고딕" size="4" color="pink"><br>
글
</p></marquee></td></tr></table></td></tr></table>
<embed a src= http://pds18.cafe.daum.net/download.php?grpid=12sEm&fldid=1apv&dataid=265&fileid=2®dt=20070207051319&disk=15&grpcode=bestmedia&dncnt=N&.wma widtvolume=o autostart=h=o height=o true loop=-1 wmode="transparent">
------------------------------------------------
사진이 위로 올라가는 사진 태그 소스 모음(2)
<TABLE borderColor=#740032 border=15 bgColor=#ffcccc height=500 width=500>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=up loop=infinite marquee height=500 width=500>
<img src="" width=500 height=375>
<img src="" width=500 height=375>
<img src="" width=500 height=375>
<img src="" width=500 height=375>
<img src="" width=500 height=375>
<img src="" width=500 height=375>
<img src="" width=500 height=375>
<img src="" width=500 height=375>
<img src="" width=500 height=375>
<img src="" width=500 height=375>
<img src="" width=500 height=375>
<img src="" width=500 height=375>
</MARQUEE></TD></TR></table>
여기서, loop=-1 또는 loop=infinite는 반복을 계속해서 하겠다는 뜻입니다.
-------------------------------------------
배경 음악 올리는 태그
<embed src=음악태그링크></embed>
이렇게 사용하시면 됩니다.
음악링크는 호스팅이나 외부링크 가능한 게시판 블로그에 올려서 링크 얻어 이용하세요.
음악주소 width=가로길이 height=높이 type=audio/mpeg volume="0" loop="-1">
width=500 height=25 를 width=0 height=0 으로하면 플레이어 메뉴바는 안보이면서 재생 됩니다.
"hidden=true"는 오디오콘트롤러를 숨기거나 표시하는
것인데 여기서는 숨긴게 됩니다.
"loop=-1"는 노래가 끝나고 반복해서 계속하라는 것입니다.
여기서, loop=-1 또는 loop=infinite는 반복을 계속해서 하겠다는 뜻입니다.
<embed src="음악 주소"> 이 태그로 음악을 실행시켰을 경우 미디어 재생기가 나타납니다.
재생기를 안보이게 하시려면 아래와 같이 하시면 됩니다.
예) <embed src="음악주소"hidden="true">
위의 음악태그명령어는 왠만한 음악파일들은 다 재생 시킬수 있습니다.
<embed src="음악주소"> 이 태그를 쓰실때 재생기가 작게 나오게 하려면.....
width="수치" height="수치" 를 쓰게 되면 재생기의 크기를 마음껏 조절할수 있습니다.
<embed src="음악주소" width="수치" height="수치"> 이런식으로요..^^
음악을 반복해서 여러번 듣고 싶을때는 아래처럼 하시면 됩니다.
<embed src="음악주소" loop="반복횟수"> 이렇게 하시면 자신이 원하는 반복횟수만큼 들으실수 있습니다.
<embed src="음악주소" loop="infinite"> 이렇게 하시면 음악이 계속 흐르게 됩니다.
예제==>
<EMBED src=http://stream.bugsmusic.co.kr/ width=73 height=25 loop="-1">
------------------------------------------
사진이 위로 올라가는 사진 태그 설명글 넣기(1)
<TABLE borderColor=#740032 height=530 width=500 bgColor=#ffcccc border=15>
<TBODY>
<TR>
<TD height=30><FONT SIZE=4 COLOR=#0000ff><center><B>
이곳에 사진의 제목을 넣으세요
</B></center></font>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=up loop=infinite width=500
height=500 marquee>
<FONT SIZE=4 COLOR=#0000ff><center><B>↓ 사진설명</B></center></font>
<IMG height=375 src="사진주소" width=500>
<FONT SIZE=4 COLOR=#0000ff><center><B>↓ 사진설명</B></center></font>
<IMG height=375 src="사진주소" width=500>
<FONT SIZE=4 COLOR=#0000ff><center><B>↓ 사진설명</B></center></font>
<IMG height=375 src="사진주소" width=500>
<FONT SIZE=4 COLOR=#0000ff><center><B>↓ 사진설명</B></center></font>
<IMG height=375 src="사진주소" width=500>
<FONT SIZE=4 COLOR=#0000ff><center><B>↓ 사진설명</B></center></font>
<IMG height=375 src="사진주소"width=500>
</MARQUEE></TD></TR></TBODY></TABLE>
이미지 사진 위로 올라가는 글씨 태그(1)
<TABLE borderColor=#740032 height=480 width=640
background=" http://pds25.cafe.daum.net/download.php?grpid=10ULe&fldid=CXjt&dataid=3&fileid=10®dt=20050830113113&disk=6&grpcode=gf88&dncnt=N&.jpg "
border=15 bgproperties="fixed">
<TBODY>
<TR>
<TD>
<CENTER><SPAN style="FILTER: glow(color=9932cc); COLOR: white; HEIGHT: 12px">
<MARQUEE scrollAmount=1 scrollDelay=100 direction=up loop=infinite marquee><PRE><FONT face=바탕체 color=white size=4><B><CENTER>
"반딧불을 찾아서" 카페는 <BR><P>
처음 시작하는 초보자에게 <BR><P>
반드시 필요한 기초과정을 모두 <BR><P>
상세하게 설명해 놓았습니다. <BR><P>
그리고 많은 도우미가 여러분들의 <BR><P>
질문에 메일로 또는 전화로 <BR><P>
친절하게 답변을 해 드리고있습니다. <BR><P>
초보자를 면할수있는 <BR><P>
유일 무이한 카페라고 자부하면서 <BR><P>
확실히 보람을 찾으실수 있도록 <BR><P>
열심히 도와드리겠습니다. <BR><P>
</P></CENTER></B></FONT></PRE></MARQUEE></SPAN></CENTER></TD></TR></TBODY></TABLE>
borderColor=#740032 테이블 테두리 색깔
height=480 width=640 테이블의 크기
border=15 테이블 테두리 두께
scrollAmount=1 내용글이 움직이는 속도
face=바탕체 color=white size=4 내용글의 글씨체,글씨색깔,글씨크기
138 올라가는 글 테이블안에 사진을 넣고 내용글을 바꿔 보세요.
내려오는 글로 만들려면 marquee direction="up" 을 marquee direction="down" 으로 바꿔주면
됩니다.
<marquee direction="up">위쪽으로 움직여라</marquee>
<br>
<marquee direction="down">
사진위에 글씨 쓰기 태그(1)
<TABLE
style="BORDER-RIGHT: green 20px ridge; BORDER-TOP: green 20px ridge; BORDER-LEFT: green 20px ridge; BORDER-BOTTOM: green 20px ridge; BACKGROUND-COLOR: green">
<TBODY>
<TR>
<TD width=500
background=http://pboard.superboard.com/users/A00067/A001/data/cm7.jpg
height=375><SPAN
style="FILTER: glow(color=9932cc); COLOR: white; HEIGHT: 12px"><FONT face=바탕체
color=white size=3><B><PRE>
가을이 오면. 눈부신 아침 햇살에 비친
그대의 미소가 아름다워요.
눈을 감으면, 싱그런 바람 가득한
그대의 맑은 숨결이 향기로와요.
길을 걸으면, 불러보던 그 옛 노래는
아직도 내 마음을 설레게 하네,
가을이 오면 가을이 오면 호숫가 물결
잔잔한 그대의 슬픈 미소가 아름다워요.
눈을 감으면 지나온 날의 그리운
그대의 맑은 사랑이 향기로와요.
</PRE></B></FONT></SPAN></TD></TR></TBODY></TABLE>
이곳에서는 사진과 글씨를 바꾸는 것을 연습해 보겠습니다.
빨간색부분이 사진 주소이고 파란색부분이 글씨 를 나타내게 하는 글씨태그입니다.
초록색 부분이 글씨 위치를 지정하는태그입니다.
139 사진위에 글쓰기 위소스에 사진과 내용글을 바꿔서 연습장에 올려보세요.
위에서는 글씨가 좌측 중앙에 나타났습니다. 그림과 글씨가 어울리지 않는것을 발견할수 있을것입니다.
글씨의 위치를 좌측 하단으로 버꿔보겠습니다.
여러가지 위치를 지정해주는 태그들이 있지만 이곳에서는 이미 <PRE> 를 사용하고 있으므로 간단하게 <PRE>를 사용해서 그림위에 있는 사진을 밑으로 내여 보겠습니다.
가려진 코스모스 꽃송이가 보일 정도로.....
TABLE
style="BORDER-RIGHT: green 20px ridge; BORDER-TOP: green 20px ridge; BORDER-LEFT: green 20px ridge; BORDER-BOTTOM: green 20px ridge; BACKGROUND-COLOR: green">
<TBODY>
<TR>
<TD width=500
background=http://pboard.superboard.com/users/A00067/A001/data/cm7.jpg
height=375><SPAN
style="FILTER: glow(color=9932cc); COLOR: white; HEIGHT: 12px"><FONT face=바탕체
color=white size=3><B><PRE>
가을이 오면. 눈부신 아침 햇살에 비친
그대의 미소가 아름다워요
눈을 감으면, 싱그런 바람 가득한
그대의 맑은 숨결이 향기로와요
길을 걸으면, 불러보던 그 옛 노래는
아직도 내 마음을 설레게 하네
가을이 오면 가을이 오면 호숫가 물결
잔잔한 그대의 슬픈 미소가 아름다워요
눈을 감으면 지나온 날의 그리운
그대의 맑은 사랑이 향기로와요
</PRE></B></FONT></SPAN></TD></TR></TBODY></TABLE>
위의 소스와 같이 <PRE> 밑에 커셔를 올려놓고 Enter 키를 여러번 눌러서 내용글을 밑으로 적당히 내려주면 됩니다.
한번에 젛확하게 원하는 위치로 글씨를 이동 할수는 없습니다.
여러번 수정을 통하여 조정하면 원하는 위치로 이동이 됩니다.
140 사진위글 이동하기 연습139에서 작성한것을 위와 같이 수정해 보세요.
---------------------------------------------------------
HTML태그소스중 MARQUEE 명령어를 사용하시면 됩니다..
[marquee direction=up][img src="사진 주소"][br][img src="다음 사진 주소][br][img src="그 다음 사진 주소"][/marquee] 이런 형식으로요.. 여기서 []는 <>로 수정하셔야합니다.. 아고라 게시판 글쓰기 기능에는 HTML태그소스 입력을 인식하지 않으니 메일이나 카페 글쓰기의 HTML입력창에서 작성후,, 미리보기하셔서 미리보기창에서 복사하여 여기 글쓰기의 본문창에 붙여넣기하시면 될겁니다..
채홍일 사진이 위로 올라가는 사진 태그 소스 모음(1)
나루터 느티나무-카페
136. 137. 138. 139. 140 ----
(위로올라가는 사진.글)
http://m.cafe.daum.net/kyung0835/ILeX/13?docid=450502267&q=%EC%98%AC%EB%9D%BC%EA%B0%80%EB%8A%94%20%EC%82%AC%EC%A7%84%20%ED%83%9C%EA%B7%B8&re=1
백운이성훈방-카페
136. 137. 138. 139. 140 ----
(위로올라가는 사진.글)
http://m.cafe.daum.net/qordns33/5dzj/12?docid=1822708790&q=%EC%9C%84%EB%A1%9C%20%EC%98%AC%EB%9D%BC%EA%B0%80%EB%8A%94%20%EC%82%AC%EC%A7%84%20%ED%83%9C%EA%B7%B8&re=1
---------------------------------------------------------
---------------------------------------------------------
<bgcolor=white> 배경 바탕색
이미지 글씨 칼라 코드 색상표 태그 소스-태그 박스
color는 코드나 영어로만 기입하세요.
<font color=red>빨강색
<font color=orange red>
<font color=orange>
<font color=coral>
<font color=>FF4500>주황
<font color=yellow>노랑
<font color=FFFF00>연노랑
<font color=green>초록색
<font color=spring green>
<font color=medium spring green>연두색
<font color=cyan>
<font color=blue>파랑색 남색
<font color=neon blue> 파랑
<font color=FFC0CB>분홍
<font color=magenta>분홍
<font color=white>흰색
<font color=purple>보라색
<font color=spicy pink>핑크색
<font color=neon pink>
<font color=black>검정색
<font color=brown>밤색
<font color=grey>회색
<font color=wood>나무색
<font color=light wood>밝은 나무색
3. HTML태그 포함
글자의 크기, 색상 등 각양각색의 예술적 가치를 꾸밀수가 있고 그림이나 음악을
넣을 수 있습니다.
4. 태그의 대표적인 것 - 간단히 해 볼 수 있는것 몇개만 소개합니다. 이것 정도만
알고 좀 이해가 되면 더 다양한 태그를 사용할 수 있습니다.
모든 태그는〈 〉꺽쇠 괄호 속에 있어야 합니다.
글자에 대한것
〈font face=딸기체 size=3 color=black〉 대문자 소문자 구별없이 사용할 수
있습니다.
font : 글자에 대한 태그를 하겠다는 표시
face : 글자 모양입니다. 글자체(궁서체, 명조체, 고딕체, 돋움체, 굴림체 등)는
여러 종류가 있는데 잘 모를때 생략하면 기본체가 표시됩니다.
생략은 "face=???"를 넣지 않는것입니다.
size : 글자크기 3이 표준 크기이고 4, 5 이렇게 크지면 글자도 크집니다.
color : 글자 색상입니다. black, red, blue, green, pink, brown등 많이 있지만
이정도만 아십시요.
문장에 대한것
〈b〉 : 글자를 진하게 합니다. (워드에서 bold 기능과 같습니다.
〈br〉 : 줄바꿈을 합니다.
〈p〉 : 줄을 바꾸고 한줄 공백을 만듭니다.
이때는 앞의〈br〉를 연속해서 사용하지 않는게 좋습니다
왜냐하면 〈p〉를 쓰면 줄을 바꾸고 또 한줄의 공백을 주는데
또 줄바꾸기 태그를 쓰니까 2줄의 공백이 되는 셈이 됩니다.
〈pre〉: 화면에 입력하는 모양 그대로 보이게 하는 것입니다.
전반적인것
〈center〉: 글자나 그림을 현재 보이는 화면의 중앙에 놓이게 합니다.
〈body leftmargin=100 topmargin=100〉: 문장의 머리에 써주면 그 다음의
모든 문서가 왼쪽과 맨 위에 100 픽셀의 여백을 만듭니다.
기타 : 위에 설명한 태그는 그 명령을 해제하기 위해서는
〈/FONT〉〈/b〉〈/br〉〈/p〉〈/pre〉〈/center〉〈/body) 와
같이 /을 넣어 주어야 합니다.
이미지를 넣는 방법
이미지는 (인터넷상의)어디엔가 저장된것을 가져오는 것이므로 그 저장된 곳의 주소를
알아야 합니다.
카페에 있는 사진의 주소를 아는 방법은
1. 사진을 클릭해서 사진이 보이면
2. 사진의 가운데에서 마우스 오른쪽을 클릭하여 메뉴가 아래 그림처럼 나타나면
3. 다시 속성을 클릭합니다.
4. 다시 나타난 창에서 주소:(URL)의 오른쪽 내용이 실제 주소입니다.
5. 이 주소를 마우스 왼쪽을 누른 상태로 드래그하여 클립보드에 임시로 저장시켰다가
6. 필요한 곳에 붙여넣기를 하면 됩니다.
복사와 붙여넣기는 아래에 별도로 설명합니다.
이미지의 태그는 다른것도 있으나 이정도만 이해하면 됩니다.
음악을 넣는 방법
음악은 그 용량때문에 우리가 카페에 보관하기가 어렵기 때문에 전문 음악 사이트에서
그 주소를 가지고 와서 씁니다.
음악의 주소를 가져오는 방법도 이미지와 비슷하나 조금은 어려우니 생략합니다.
그러나, 태그는〈embed src=주소〉이니 벌써 눈치빠른 분은 알겠지요.
즉, 〈embed src= http://cafe124.daum.net/_c21_/pds_down_hdn?grpid=
c7x8&fldid=6AiQ&dataid=4&grpcode=namhaetoki&realfile=%B3%B2%C7%D8%C3%C
A%B5%EE%B1%B3%B0%A1.mp3 hidden=true loop=-1〉입니다.
"hidden=true"는 오디오콘트롤러를 숨기거나 표시하는
것인데 여기서는 숨긴게 됩니다.
"loop=-1"는 노래가 끝나고 반복해서 계속하라는 것입니다.
여기서, loop=-1 또는 loop=infinite는 반복을 계속해서 하겠다는 뜻입니다.
복사하기 : 복사할 부분을 마우스 왼쪽을 누르면서 드래그하여(드래그 된 부분이
파랑색으로 표시됨)
Control키를 누른체 C 키를 누르던지 마우스 오른쪽을 누르면 나타나는
메뉴에서 복사를 클릭한다.
이렇게 하면 아까 드래그한 내용이 클립보드라고 하는 임시저장소에
보관된다.
붙여넣기 : Control키를 누른체 V 키를 누르던지
마우스 오른쪽을 누르면 나타나는 메뉴에서 붙여넣기를 클릭한다.
복사하기와 붙여넣기는 워드프로세서 등 거의 대부분의 컴퓨터에는 표준으로
자리잡은 방법입니다.
HTML 방식으로 사진 올리는 방법
-소스로 배경음악 올리는 태그 방법
▶ HTML 방식으로 사진 올리는 방법
1. 찍은 사진을 적당한 크기로 편집한다. ( 규격이 너무 클 경우 보는 사람이 게시판 하단의 바(BAR)를 움직여야 볼 수 있으므로 불편이 따른다. 그러므로 바를 움직이지 않고도 볼 수 있을 정도의 규격이 이상적이다. 또한 사진이 너무 크면 산만하여 집중도가 떨어지는 단점이 있다는 것이 개인적인 생각입니다.
2. 게시판에서 " 글쓰기 "를 클릭한 다음 텍스트 상태에서 " 사진 "을 불러오는데 50장 까지는 텍스트 상태에서 그냥 올리면 된다. 그러나 50장을 초과할 경우에는 HTML 방식을 이용하면 한 번에 많은 사진을 올릴 수 있다.
1) 텍스트 상태에서 50장의 사진을 불러온 다음 " 등록 "을 누르지 말고 게시판 메뉴의 오른 쪽에 있는 HTML.의
□에 표시(체크)를 한다, 그러면 불러온 사진의 소스가 보이는 데 그것을 드래그 (까맣게 선택)한 다음 마우스 오른쪽 버튼을 눌러 " 잘라내기 " 를 선택한다.
2) 그런 다음 현재의 게시판은 무시하고 윈도우 의 " "메모장" 을 펼친 다음 그 메모장에 "붙여넣기"를 한다. ( 컴퓨터의 바탕화면에 " 메모장 "이 없으면 윈도우의 시작프로그램에서 " 프로그램 - 보조프로그램 - 메모장을 불러낸 다음 메모장을 바탕화면에 복사해 놓으면 된다.)
3) " 잘라내기"한 사진 소스를 "메모장"에 " 붙여넣기 "한 다음 저장을 한다. 예) 9월 정모 사진.htm
4) 다시 게시판을 열고 같은 방법으로 사진을 불러온 다음 그 소스를 " 잘라내기 " 로 복사한 다음 그 소스를 먼저
저장한 파일(메모장에 저장한 파일)의 소스 아래에 " 붙여넣기"를 한다. ( 50장 이상의 소스가 저장된 셈이다)
5) 게시판에 사진 올리기
가) 메모장에 저장한 소스(2회 또는 3회에 걸쳐 붙여넣기 한 소스) 전체를 드래그 복사한 다음 사진을 올리고자 하는 카페의 게시판을 연다. (가능하면 새로운 " 글쓰기 "를 하는 것이 좋다. 왜냐하면 " 전에 쓰던 글쓰기를 계속하면 "50장 까지만 올릴 수 있습니다 " 라는 메시지가 뜨기 때문이다.)
나) 글쓰기 메뉴에서 우측의 HTML 을 연다.
다> 복사한 사진 소스를 " 붙여넣기 "한다.
라) 게시판 아래의 " 확인"을 누르면 사진이 등록된다. 단, HTML 로 많으 사진을 올릴 경우 피일의 용량이 크기 때문에 로딩시간이 길어지는 단점이 있다.
▶ 음악을 올리려면
기왕이면 다홍치마라고 글이나 사진에 음악을 더하면 글의 느낌이 달라지므로 또 다른 즐거움을 맛볼 수 있다.
♣ 음악 올리는 순서
1) 유료로 구입한 음악을 올리는 방법은 간단합니다. 즉 daum의 " 뮤직 "에 들어가서 음악을 구입한 다음 게시판 메뉴에서 "음악 "을 선택하면 자신이 구입한 음악의 목록이 나오는데 그 중에서 글이나 사진의 성격에 맞는 음악을 선택하여 올리면 됩니다. 단 구입한 음원은 텍스트 상태에서만 올릴 수 있습니다.
2) 소스로 배경음악 올리는 태그 방법
인터넷서핑을 하다가 보면 많은 음악을 접하게 되는데 그 음악은 대부분 태그(Tag)에 의한 소스를 이용하여 삽입한 음악들입니다. 그런데, 이런 음악을 가져오려면 그것을 퍼오는 기술이 필요할 뿐만 아니라 자칫 저작권 침해의 덫에 걸릴 위험이 도사리고 있다는 점을 간과해서는 안된다.
♣ 사진을 HTML로 복사한 (올린) 상태에서 사진 소스의 맨 아랫부분에 음악소스를 붙여넣고 " 확인 "을 누르면 된다. 이때 음악의 " 콘트롤 바 " 를 안보이게 하려면 hidden=" true " 를 사용하면 되고 보이게 하려면 hidden=" false" 로 하면 된다. 그리고 연속으로 음악을 재생하게 하려면 Loop =" true " 나 Loop="-1" 의 태그를 사용하면 된다.
또한 음악을 자동으로 재생하도록 하려면 Autostart =" true " 로 하면 되고 수동으로 재생하려면 Autostart=" false" 로 하면 된다. 여기서 True 나 False는 논리값을 나타내는 명령어로 참이면 True, 거짓이면 " False" 가 되는데 이 이론은 좀 복잡하므로 생략하겠습니다.
예) <EMBED ........ hidden=true ....... width=400 volume="0" loop="-1" >
♥ 재미있는 기호 : 게시판에 글을 쓰다가 ♠ ♣ ☞....등의 기호가 필요하면 한글 ㅁ자를 친 다음 아래에 있는 한영 전환에서 "漢" 을 클릭하면 됩니다. 단, ㅁ 앞에다 마우스 포인터를 두어야 합니다.
■ 이 자료는 아는 것을, 늘상 하는 것을 정리한 개인적 소견이므로 방법에서 다소 견해를 달리 할 수도 있습니다.
부족하나마 도움이 될 수 있으면 좋겠습니다.
참고 : 이 콘트롤 바를 글의 중앙에 놓으려면 <CENTER> 배경음악 </CENTER> 이렇게 HTML상태에서 편집하면 됩니다.
이 이외에도 음악의 명령은 더 있지만 이정도로 이해하여 실전에서 터득하십시요.