7. <marquee> 태그

1.<marquee>태그의 기본형식

○ 기본형식

<marquee>내용</marquee>

○ 설명 및 특징

- <marquee>태그는 브라우저가 익스플로러에서만 움직임이 보여지는 익스플로러 전용태그

- 기본형식으로만 작성하시고 웹브라우저를 실행시키시면 <marquee>태그 안의 글자가 오른쪽에서 왼쪽으로 흘러가는 형태로 움직인다. 

- 내용에 글자, 이미지등이 들어갈 수도 있으며 링크도 걸 수도 있다.

- 잘만 이용하면 멋진 홈페이지를 만들 수 있지만 너무  과도하게 사용하거나 남용하면 홈페이지가 지저분해질 수도 있기 때문에 유의해야 한다.

2.<marquee>태그의 여러 가지 속성

○ <marquee>태그의 속성

속    성	설      명
behavior	스크롤 형태 지정  사용할 수 있는 값은 scroll, slide, alternate
direction	스크롤 방향 지정. 사용할 수 있는 값은 left, right, up, down
scrolldelay	스크롤 지연속도 지정. 1/1000초 단위로 지정
scrollamount	한 번에 스크롤 되는(이동하는) 픽셀 수 지정
bgcolor	스크롤 영역의 배경색 지정
height	스크롤 영역의 높이 조절
width	스크롤 영역의 폭 조절
loop	스크롤 반복 횟수 지정. 사용할 수 있는 값은 숫자 또는 infinite(무한반복)

○ 속성 예시와 결과

-  예시문

☞스크롤 형태 속성 예시입니다.<p> <marquee behavior="scroll">오른쪽에서 왼쪽으로 반복됩니다.</marquee>  <marquee behavior="slide">오른쪽에서 왼쪽으로 한번만 흐르고 정지합니다.</marquee> <marquee behavior="alternate">오른쪽에서 왼쪽으로 다시 오른쪽으로 반복합니다.</marquee> ☞스크롤 지연속도 예시입니다.<p> <marquee scrolldelay="100">딜레이 수치가 100입니다.</marquee> <marquee scrolldelay="300">딜레이 수치가 300입니다.</marquee> <marquee scrolldelay="500">딜레이 수치가 500입니다.</marquee> ☞스크롤 스크롤 양 예시입니다.<p> <marquee scrollamount="10">스크롤 양이 10입니다.</marquee> <marquee scrollamount="30">스크롤 양이 30입니다.</marquee> <marquee scrollamount="50">스크롤 양이 50입니다.</marquee> ☞스크롤 반복 횟수 예시입니다.<p> <marquee loop="3">스크롤을 3번만 하고 멈춥니다.</marquee> <marquee loop="infinite">스크롤을 무한반복합니다.</marquee> ☞스크롤 방향 속성 예시입니다.<p> <marquee direction="left">왼쪽으로 스크롤 됩니다.</marquee> <marquee direction="right">오른쪽으로 스크롤 됩니다.</marquee> ☞스크롤 폭과 높이 속성 예시입니다.<p> <marquee width="80" height="3">스크롤 폭이 80픽셀이고 높이가 3픽셀입니다.</marquee> ☞스크롤 배경색상 속성 예시입니다.<p> <marquee bgcolor="green">배경색상이 초록색입니다.</marquee>

- 결과

☞스크롤 형태 속성 예시입니다. 오른쪽에서 왼쪽으로 반복됩니다. 오른쪽에서 왼쪽으로 한번만 흐르고 정지합니다. 오른쪽에서 왼쪽으로 다시 오른쪽으로 반복합니다. ☞스크롤 지연속도 예시입니다. 딜레이 수치가 100입니다. 딜레이 수치가 300입니다. 딜레이 수치가 500입니다. ☞스크롤 스크롤 양 예시입니다. 스크롤 양이 10입니다. 스크롤 양이 30입니다. 스크롤 양이 50입니다. ☞스크롤 반복 횟수 예시입니다. 스크롤을 3번만 하고 멈춥니다. 스크롤을 무한반복합니다. ☞스크롤 방향 속성 예시입니다. 왼쪽으로 스크롤 됩니다. 오른쪽으로 스크롤 됩니다. ☞스크롤 폭과 높이 속성 예시입니다. 스크롤 폭이 200픽셀이고 높이가 20픽셀입니다. ☞스크롤 배경색상 속성 예시입니다. 배경색상이 초록색입니다.