[홈페이지제작 강좌] HTML 기본강좌 (춤추는 글자)

1. 춤추는 글자

글자가 진짜 춤을 추냐구요? 글쎄요?^^ 진짜 춤을 출까요? ^^ 일단 아래를 한번 보시져^^   ~~m^_^m~~ 나는야 슈포맨~날자이눔아  ☜ 옆에 보시다시피 슈퍼맨이 날아 다니고 있네요^^ 이걸 전문용어로 marquee 태그라고 합니다. text 에 관한 태그 중 유일하게 글자를 움직일 수 있게 하는 태그죠^^ marquee태그는 여러분들이 사용하기 따라서 얼마든지 응용가능합니다.   마퀴태그는 주로 대화방에서 많이 사용하는데요......홈페이지에서도 잘만 사용한다면 얼마든지 멋진 홈페이지를 만들 수 있습니다. 하지만 너무 과도하게 사용하거나 남용하면 홈페이지가 지저분해지 때문에 너무 무리하게 사용하는지 않는게 좋습니다. 이제부터 마퀴태그에 대해서 자세히 알아보도록 하죠^^ ※ 마퀴태그의 기본사용법 ( <marquee>내용</marquee> )    마퀴태그의 기본 사용방법은 text 태그 부분에서 설명드렸다시피 <marquee>내용</marquee> ☜ 이러한 형태입니다. 한번 예제를 볼까요?^^ 아래를 보시죠^^ 내용부분에는 아무 글자나 넣어도 됩니다.     참고적으로 말한다면 "내용" 부분에는 글자, 이미지 등이 들어갈 수 있습니다. 마퀴태그안에 글자부분에 링크도 걸 수도 있구요^^ 이미지에 마퀴태그를 걸면 <marquee><img src="이미지주소"></marquee> ☜이런 식으로 할 수 있습니다.  만약 마퀴태그가 이게 전부라면 사람들에게 그렇게 많이 사용되지는 않을 겁니다. 마퀴태그가 여러분들에게 많이 사용되는 이유는 바로 여러가지 속성을 가지고 있기 때문이져^^ 그럼 속성에 대해서 하나 하나 배워보도록 하겠습니다.  ※속성1 :  <marquee behavior=scrol>내용</marquee>    이건 그냥 일정방향 스크록 속성입니다.^^    ※속성2 :  <marquee behavior=slide>내용</marquee>    이건요^^ 마퀴태그가 한번 반복 후 화면 끝에서 정지되는 속성입니다. 이런 건 직접 봐야 압니다. 아래 예제를 보시면 벌써 왼쪽에 정지되어 있을 텐데...다시 reload(새로고침)를 해서 봐보세요....^^  ☜ 잘 오다가 마지막에 닿으면 멈추게 되져^^  ※속성3 : <marquee behavior=alternate>내용</marquee>   behavior=alternate 속성은 좌우왕복하는 기능을 합니다. 마퀴태그내의 내용을 좌우왕복시켜주져^^ ☜ 좌우왕복 ☞  ※속성4 :  <marquee scrolldelay="수치">내용</marquee>  scrolldelay="수치"  속성은 스크롤 지연값을 정해줍니다. 수치를 크게 할 수록 마퀴태그의 스크롤 속도가 늦어집니다. 값을 많이 주면 점프하듯 스크롤을 한다는뎅.... 글쎄....^^  scrolldelay="100" 의 경우 값이 100  scrolldelay="300" 의 경우 값이 300  scrolldelay="1000" 의 경우 값이 1000  ※속성5 :  <marquee scrollamount="수치">내용</marquee>  scrollamount="수치" 속성은 스크롤의 속도(이동량)를 조절해주는 속성입니다. scrolldelay 속성이 수치가 클수록 속도가 느려지는 반면 scrollamount 속성은 수치가 클수록 속도가 빨라집니다.^^   scrollamount="3" 의 경우 거북이  scrollamount="6" 의 경우 토끼  scrollamount="10" 의 경우 치타   여기까지 이해가 되시져^^ 근뎅 이게 다가 아닙니다. 아직도 몇가지 속성이 더 남아있는데요....다음페이지에서 계속 이어서 하도록 하져^^