본문 바로가기

HTML

움직이는 글자를 만들 수 있는 태그 marquee 사용법

움직이는 글자 태그입니다

marquee 태그는 입력한 글자를 움직이게 해주는 태그입니다

글자뿐만이 아니라 배경색, 글자의 속도 그리고 글자의 움직임 방향 등등

다양한 모습을 보여줄 수 있는 태그입니다

 

옵션의 종류가 다양한 편입니다

bgcolor="색상" 기본값은 없음입니다 css color를 주는 방식과 동일합니다

width="너비" 기본값 지정을 안 하면 화면을 다 채움니다

heigth="높이"기본값 지정을 안 하면 글자 크기를 따라갑니다

direction="방향"기본값 지정을 안 하면 왼쪽으로 움직입니다

loop="반복 횟수"기본값 지정을 안 하면 계속해서 반복합니다

scrollamount="속도"

 

배경 색상(배경 : 검은색)

<marquee bgcolor=black>

너비(너비 : 100px)

<marquee width=100px>

높이(높이 : 100px)

<marquee heigth=100px>

방향(위, 오른쪽, 아래, 왼쪽)

<marquee direction=up>

<marquee direction=right>

<marquee direction=down>

<marquee direction=left>

반복 횟수(5번 반복)

<marquee loop=5>

속도(글자 속도 : 50, 100, 150)

<marquee scrollamount=50>

<marquee scrollamount=100>

<marquee scrollamount=150>

여러가지 속성 사용한 예제

<marquee bgcolor=hotpink width=300px heigth=150px direction=up loop=10 scrollamount=100>