[HTML] marquee 태그

JISO.O·2022년 5월 11일
0

HTML

목록 보기
2/6
post-thumbnail

marquee 태그란 글자를 움직이게 하는 태그이다

marquee태그의 높이와 넓이

<marquee height = "100"> 글자의 높이를 100으로 설정
<marqiee height = "300"> 글자의 높이를 300으로 설정
<marquee width="300"> 글자의 넓이를 300으로 설정 

link : file:///C:/html_study/study_25.html

marquee태그의 움직임 형태

<marquee height = "100" behavior="scroll"> 
 문자열이 페이지를 가르면서 계속 흘러감
<marquee height = "100" behavior="slide"> 
 스크롤하던 문자열이 페이지 한쪽 끝 가장자리에 닿은 후 정지됨
<marquee height = "100" behavior="alternate"> 
 문자열이 지정한 일정범위 내에서 이동을 반복함

link : file:///C:/html_study/study_26.html

marquee태그의 움직이는 방향

<marquee height = "100" behavior="scroll" direction="left">
  문자열이 왼쪽으로 이동함(기본값)
<marquee height = "100" behavior="slide" direction="right">
  문자열이 오른쪽으로 이동함
<marquee height = "100" behavior="scroll" direction="up">
  문자열이 위로 이동함
<marquee height = "100" behavior="alternate" direction="down">
  문자열이 아래로 이동함

link : file:///C:/html_study/study_27.html

marquee태그의 속도

  • scrolldelay는 움직이는 속도를 느리게 하고, scrollamount는 움직이는 속도를 빠르게 한다
<marquee height="100">
  scrolldelay와 scrollamount를 지정하지 않은 기본 형태
<marquee height="100" scrolldelay="100">
  scrolldelay를 100으로 지정함
<marquee height="100" scrolldelay="200">
  scrolldelay를 200으로 지정함
<marquee height="100" direction="right" scrollamount=10>
  scrollamount를 10으로 지정하고, 문자열이 지나가는 방향을 오른쪽으로 지정함
<marquee height="100" direction="right" scrollamount=100>
  scrollamount를 100으로 지정하고, 문자열이 지나가는 방향을 오른쪽으로 지정함

link : file:///C:/html_study/study_28.html

marquee태그의 배경색과 스크롤 횟수(loop)

 <marquee height="100" bgcolor="blue" loop=1>
  문자열의 배경색을 파란색으로 지정하고 스크롤 횟수를 1번으로 지정함
<marquee height="100" bgcolor="yellow" loop=2>
  문자열의 배경색을 노란색으로 지정하고 스크롤 횟수를 2번으로 지정함
<marquee height="100" bgcolor="#00ffff"loop=3>
  문자열의 배경색으로 #00ffff로 지정하고 스크롤 횟수를 3번으로 지정함
<marquee height="100" bgcolor="pink"loop=4>
  문자열의 배경색을 핑크색으로 지정하고 스크롤 횟수를 4번으로 지정함

link : file:///C:/html_study/study_29.html

profile
미림마이스터고등학교에서 개발을 공부중인 학생입니다!

0개의 댓글