움직이는 글자(mrquee)

마퀴(marquee)라는 영어 단어는 "움직이다"라는 뜻이 들어있습니다. 이 태그는 글자,그림 등을 움직이게 할 수 있는데여... 마퀴 태그는요 marquee 이 단어 하나만으로도 아주 많은 표현을 할 수 있는 간단하면서도 강력한 태그언어라 할 수 있습니다. 홈페이지 제작할 때는 다른 태그와 함께 아주 중요한 문자입니다.
marquee 태그에도 여러 가지 옵션을 삽입할 수 있는데여..... 좌로 이동, 우로 이동 , 아래로 이동 , 위로 이동 , 좌우로 이동 등을 글자나 그림에 붙여서 사용할 수 있습니다.
홈페이지에서는 많이 사용되지는 않지만 다른 태그와 함께 필수로 알아 두셔야 할 사항입니다. 주로 채팅방에서 많이 사용되는 마퀴(marquee)태그를 지금부터 알아 보도록 하겠습니다.

1.기본적인 소스 글자내용 : 여기에 여러 가지 옵션을 넣어서 사용합니다.

옵션코드와 의미 , 결과보기를 표를 이용하여 알아 보겠습니다.

기본 소스 : <marquee behavior="사용할옵션">본문 내용</marquee>

scroll : 영역을 벗어나서 사라지게 하는 옵션입니다.

소스	<marquee behavior=scroll>글자가 계속 반복해서 움직입니다.</marquee>
결과	글자가 계속 반복해서 움직입니다.

slide loop : 영역의 끝부분에서 멈추게 합니다. 반복 횟수를 말합니다.(안에 숫자를 입력한 크기 만큼 글자가 반복하여 움직입니다.) "loop" 에 숫자를 몇으로 하느냐에 따라 보여지는 느낌이 다르게 표현 되기도 합니다.
loop : "infinite" 적어주면 무한대로 반복하는 것으로 -1을 적어줘도 동일합니다.

loop 에 반복 횟수를 한번만 준 경우

소스	<marquee behavior=slide loop=1>(끝에서 와서 멈춥니다.)</marquee>
결과	(끝에서 와서 멈춥니다.)

loop 에 반복 횟수를 30번 준 경우 글자가 갑자기 사라지는 느낌이 전해 집니다.

소스	<marquee behavior=slide loop=30>(글자가 갑자기 사라집니다.)</marquee>
결과	(글자가 갑자기 사라집니다.)

alternate : 영역 안에서 왔다갔다 합니다.

소스	<marquee behavior=alternate>좌 , 우로 왔다 갔다......</marquee>
결과	좌 , 우로 왔다 갔다......

bglolor : 영역의 배경색을 지정합니다.

소스	<marquee bgcolor=pink>배경색상</marquee>
결과	배경색상

width(넓이) 와 height(높이) : 영역의 넓이와 높이를 지정합니다.

<marquee direction="뱡향" width="넓이 숫자" height="넓이 숫자" bgcolor="색상">내용</marquee>

소스	<marquee width=400 height=50 bgcolor=00ffff>넓이와 높이</marquee>
결과	넓이와 높이

direction : 움직이는 방향을 지정해 줍니다.
방향에는 " left , right , up , down " 의 4가지 옵션을 사용할 수 있습니다.

왼쪽으로 이동하는 소스	<marquee direction=left>왼쪽으로 이동합니다.</marquee>
결과	왼쪽으로 이동합니다.
오른쪽으로 이동하는 소스	<marquee direction=right>오른쪽으로 이동합니다.</marquee>
결과	오른쪽으로 이동합니다.
올라가는 소스	<marquee direction=up>위로 이동합니다.</marquee>
결과	위로 이동합니다.
내려가는 소스	<marquee direction=down>아래로 이동합니다.</marquee>
결과	아래로 이동합니다.

scrolldelay : 스크롤의 지연효과를 얻기 위해서 scrolldelay를 사용합니다. 만약 1초간 멈췄다가 이동하려면 1000을 지정해 주면 됩니다.

소스	<marquee scrolldelay=1000 bgcolor=silver>1초간 정지합니다.</marquee>
결과	1초간 정지합니다.

scrollamount : 값(숫자가 클수록)을 많이 줄 수록 스크롤 속도가 빨라집니다

소스	<marquee scrollamount=30>하모니의 쉼터로 놀러 오세요.^^*</marquee>
결과	하모니의 쉼터로 놀러 오세요.^^*

※ 위에 쓰여진 태그에 여러 가지 옵션을 사용하여 다이나믹하게 표현할 수 있습니다. 예를 들어

<marquee behavior=scroll><font size="2" color="black" face="바탕">하모니의 쉼터</font></marquee> 이 태그안에 크기나 방향 , 색상등을 삽입하여 쓰기도 합니다.
또는 글씨체와 글자 크기를 변경 할 수도 있는데요. 바꾸는 방법은 marquee 앞에 내용을 삽입하면 되겠지요?

예) <marquee behavior=scroll><font size="2" color="black" face="바탕">내용</font></marquee> 이런식으로 여러 가지 옵션을 써서 표현할 수 있다는 점을 명심하시기 바랍니다. 태그는 여러 가지 응용력을 발휘하면 할수록 돋보이게 됩니다.

2. 마퀴(marquee)태그에 옵션을 삽입한 또 다른 예제입니다.

아래로 내려가는 태그	소스	<marquee direction=down>♣하♣모♣니
	결과	♣하 ♣모 ♣니
올라가는 태그	소스	<marquee direction=up>♣하♣모♣니
	결과	♣하 ♣모 ♣니
글자가 세로로 이동하는 태그	소스	<MARQUEE bgcolor=white direction=reft scrollamount=1 width=300 height=50 loop=-1>하<br>모<br>니</marquee>
	결과	하 모 니
왼쪽으로 이동하면서 위로 올라가는 태그	소스	<MARQUEE DIRECTION=LEFT><marquee direction=up><font size=5 color=pink face=바탕체>좋은 하루!</font>
	결과	좋은 하루!
빙글빙글 태그	소스	<marquee direction=up behavior=alternate height=100>글자가 막 돌아요~~</font>
	결과	글자가 막 돌아요~~

이렇게 태그에 여러 가지 옵션을 삽입하여 응용하면 멋진 글자 태그가 탄생됩니다. 여러 가지를 혼합하여 응용할 수도 있습니다. 1%의 영감과 99%의 노력으로

태그로 음악 배경음악올리기 ★두번째 html이야기★-------배경음악올리기를 해봅시다. <태그란 일종의 명령어라고 생각하심 이해하기 쉬울 거예요. 배경음악을 띄우기 위해서는 사운드 태그가 필요합니다. 사운드 태그를 이용해서 동영상도 볼 수 있다고 하네요. 그럼 하나씩 설명 드릴께요. 1. <bgsound src="음악주소"> ☞ 미디 음악을 듣고 싶을 때 주로 사용하는 태그입니다. 미디 음악이 뭔지는 저도 잘 모르구요*^^* 간단하게 경음악 정도로 이해하심 됩니당. 그럼 미디 음악은 어디서 가져오냐구요? 전 주로 인터버드에서 가져다 쓴답니다. <a href="http://www.interbird.co.kr/word/music/index.html" target="new">인터버드</a> 인터버드에 가시면 오른쪽에 가요 ,팝송이라고 돼있죵? 젤 위에 강산애라고 누르시면 옐랄라-강산애 이렇게 나옵니다. 그걸 누르시면 음악창이 뜨구 그 하단에 <bgsound src="http://203.240.193.21/~www2uu/data/31.mid"> 이렇게 나오는데 이 부분을 복사해서 붙여 넣으심 됩니당. 이글을 정리한것은 오래전이라서 지금은 인터버드에서 미디음악을 주지않아요. 검색에서 미디음악을 찾아서 활용하세요 아예 태그까지 다 되어 있으니까 원하는 데다 바로 붙여 넣기 하심 되져. 근데 로그인을 안하구 이용하면 자꾸 로그인하라는 엘럿창이 떠서 좀 불편하실 거예욤^^ <a href="음악주소" target=new>할 말</a> ☞ 리얼이나 뮤직비디오 등에서 주로 사용하는 방법입니다. real의 경우에는 먼저, 현재 쓰고 있는 컴퓨터에 realplayer가 반드시 있어야 합니다. 근데 a href 태그의 경우 원래 음악태그라기보다는 하이퍼링크태그입니다. 그러니까 클릭하면 링크된 웹페이지나 파일을 불러오는 역할을 하져. 이 태그는 그 음악을 클릭한 사람만 들을 수 있답니다. 리얼 음악을 불러 올 수 있는 사이트는 아이월드가 있는데요 그럼 음악 주소 찾는 방법을 알려 드릴께요. <a href="http://www.kr.inter.net/Entertainment/Best10/index.php3">아이월드</a> 아이월드에 들어가셔서 음악파일 위에 마우스를 댄 후 오른쪽 클릭 -> 등록정보 -> 주소를 복사해서 붙여넣기 하심 됩니다. 이미지 링크시키는 방법과 동일하져^^ 3. <embed src="음악주소"> ☞ 원래 네스케이프전용인데 요즘은 익스플로러에서도 됩니다. 대신 음악상태바가 나타나지요. 음악상태바를 없애려면 didden=true라는 속성을 적어 주시면 되져. 이 태그는 wav 음악을 들을때 주로 사용한다네요. 주소 찾는 방법은 2번과 같습니당. 예) <embed src="노래링크" Autostart=true hidden=true VOLUME=120 ..기타옵션들..> ※ 여기서 VOLUME은 소리크기 설정입니다.. 4. <object src="음악주소"> ☞ 이것은 embed와 기능은 같은데 object 는 자바창(?)이 뜨구 거기에 음악상태바나 동영상이 나타나게 되져. 음악파일 중에 확장자가 ram으로 되어 있는 것은 이 태그를 사용해야 음악이 나오더군여.. 아래 소스 그대로 쓰고 음악 주소만 넣어 주심 됩니당. (소스) <object classid="clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="117" height="24" id="Real System"> <param name="_ExtentX" value="7938"> <param name="_ExtentY" value="2646"> <param name="Autostart" value="True"> <param name="BACKGROUNDCOLOR" value="#000000"> <param name="CENTER" value="0"> <param name="CONTROLS" value="ControlPanel"> <param name="loop" value="true"> <param name="SRC" value="음악 주소"></object> 잠깐 !! 옵션을 하나 가르쳐 드릴께요. 음악을 한번이 아니라 여러번 듣고 싶을 때 쓰는 옵션인데요, 방법은 loop="반복하고 싶은 숫자" 이렇게 쓰시는 겁니다. 또 무한히 반복해서 듣고 싶다면loop="infinite" 이렇게 쓰심 되지욤. 아래에 다시금 설명을 올렸으니 보세요. 음악넣기   - 음악넣기 태그 및 반복회수 지정방법 ① 음악넣기 태그 <'bgsound src="음악주소"> 배경음악으로 넣을 수 있는 것은 ~.mid~.wav만이 가능합니다. 우선 다음과 같이 연습을 해보세요. <bgsound src="http://203.240.193.21/~ingss/data1-out/990822/5.mid">   ② 음악 반복시키기 그러면 음악을 계속 반복시키는 방법을 알아볼까요? <bgsound src="http://203.240.193.21/~ingss/data1-out/990822/5.mid" loop="2"> 여기서 loop는 음악의 반복회수를 말합니다. 2라고 했으니 음악이 2번 반복되고 멈추는 것이구요. 그치지 않고 계속 나오기를 원하시면 loop="infinite" 라고 해주시면 됩니다. ★예제소스★   <html> <head><title>음악넣기 예제</title></head> <body bgcolor="458B74"> <center><font color="white" face="이솝체">음악넣기</center><p> <hr size=2, color="EEAD0E" width=250 align=center><p> <bgsound src="http://203.240.193.21/~ingss/data1-out/990822/5.mid" loop="2"> 음악 2번 반복을 실행하고 있습니다.<br> 들리시나요?<p></font> </body> </html>

블로그 접속할때 첫화면에 음악나오게 하는법 여러개의 글들이 함께 펼침되고 트랙백이 가능한 블로그의 특성상, 모든 글에 공통적으로 같은 배경음악이 끊기지않고 깔리도록 하는것은 무리가 있지만, 첫페이지에서 음악이 나오게 할 수는 있습니다. ( 별도의 홈페이지 공간과 frame 태그를 사용해서 다른 주소로 블로그에 접속하게 되면, 여타 홈페이지나 게시판 처럼 연속 배경음악이 될수도 있습니다만, 그렇게 되면 블로그의 기능이나 의미는 많이 퇴색되게 됩니다.) [ 방법 요약 ]     1) 대표폴더를 정합니다.     2) 대표폴더 글이 전면에 나오도록 커버스토리 모드로 지정합니다.     3) 대표폴더에 음악이 포함된 글을 작성해 넣습니다.     4) 그후, 다른글들은 대표폴더가 아닌 다른 폴더에 써 넣습니다. 1) 자신의 블로그 관리화면에서 폴더/카테고리 관리를 선택해, 폴더중 하나를 대표폴더로  지정합니다. 공개 또는 비공개 중 어느쪽으로 지정하더라도 상관없습니다. 2) 커버스토리 모드로 지정 블로그 홈 꾸미기 쪽에서 "편집하기" 방식중 커버스토리2 방식을 선택합니다. "HTML 적용"  쪽도 체크표시를 해주고, 화면 아래쪽의 "확인" 버튼을 누릅니다. http://img.blog.yahoo.co.kr/ybi/1/60/5e/moooogirl2003/folder/29892/img_29892_1360866_2?1119941045.jpg')">  "블로그 관리" 쪽에서 할 설정작업은  이 두가지 입니다. 3) 대표폴더에 저장될 글을 씁니다. 블로그에서 글을 저장할 때, 아래 그림처럼 글이 저장될 폴더로, 대표폴더로 지정된 그폴더를 선택해 줍니다.  이글에 음악이 연주되도록 배경음악을 선택해서 넣거나,  또는, 별도의 공간에 있는 음악을 연결하거나 해서 음악이 나오도록 작성합니다.  ( 이때 이 글의 "공개여부" 는 전체회원 공개 로 모두가 볼수 있는 글로 저장. ) 4) 블로그로 새로 접속해 보면 첫화면에 그 글이. 커버스토리 2 모드에서는, 대표폴더에 저장된 최신글이 블로그 첫화면에 나오게 됩니다. 그리고 그 글에 배경음악이 있는 경우, 결국 블로그에 접속하는 순간 음악이 연주되게 되는 것입니다. 이 이후, 새로운 글을 작성하실 때는, 대표폴더가 아닌 다른 폴더에 저장하시면 블로그 첫화면은 계속, 음악이 나오는 그 화면으로 유지됩니다. ( 대표폴더에 또다른 새로운 글을 저장해 넣을 때까지는 그 글이 본인 블로그 첫페이지에   계속 나오게 되는 것입니다. ) 야후! BGM 배경음악 넣기 기능을 이용하지 않고, 본인이 직접 음악을 글중에 연결하는 방법은 음악넣기 폴더의 글들을 참고하세요.