라이브러리 브랜드

Korean English Japanese

마키(marquee) 태그 사용법

공유하기
반응형

마키(marquee) 태그 사용법

<marquee> 태그 안에 아래와 같은 속성들을 지정할 수 있습니다.

  • bgcolor=[색상] | 배경 색상을 설정합니다.
  • width=400 height=300 | 가로, 세로 크기를 설정합니다.
  • direction="left [right|up|down]" | 스크롤 방향을 설정합니다.
  • behavior=scroll [slide|alternate] | 움직임 속성을 지정합니다.
    (scroll : 한쪽 방향으로 반복 스크롤됩니다. slide : 스크롤되어와서 멈춤, alternate : 왼쪽, 오른쪽으로 반복 스크롤)
  • loop=3 // 반복 횟수를 설정합니다.
  • scrollamount="3" | 스크롤되는 거리간격을 픽셀 단위로 설정합니다.
  • scrolldelay="200" ; 0.2초 | 스크롤 속도를 설정합니다. 200 이 기본값입니다.
  • hspace="50" vspace="50" | 아래위의 여백을 지정할 수 있습니다.
<marquee align=bottom,middle,top> : 각각 문자열을 아래, 중간, 위쪽으로 위치
<marquee height,width,hspace,vspace> : 높이, 폭, 좌우여백을 지정할 수 있음
<marquee direction=right,left> : 문자열의 스크롤 방향 지정
<marquee bgcolor="#000080"> : 배경색 지정
<marquee scrolldelay=5 scrollamount=50> : 속도지정

좌우로 움직이는 글씨 만들기

<marquee behavior=alternate bgcolor="#ff0080" width=50% height=30><font color="Black">좌우로 움직이는 글씨 만들기</font></marquee>

위로 올라가는 글씨 만들기

<marquee direction=up width=180 height=70 bgcolor="yellow"><font color="red">위로 올라가는 글씨 만들기</font></marquee>

지나가는 속도 조절하기

<marquee scrollamount="16">지나가는 속도 조절하기</marquee>

위쪽으로 스크롤됩니다

<marquee direction=up>위쪽으로 스크롤 됩니다</marquee>

반복해서 스크롤됩니다

<marquee behavior=scroll>반복해서 스크롤 됩니다</marquee>

스크롤되어 와서 멈춥니다

<marquee behavior=slide>스크롤 되어 와서 멈춥니다</marquee>

좌우로 반복 스크롤됩니다

<marquee direction=up>좌우로 반복 스크롤 됩니다</marquee>

반복 횟수를 설정합니다

<marquee loop=3>3회 반복 합니다</marquee>

상하 여백을 지정합니다

<marquee hspace="100" vspace="100" >위아래와 좌우로 각 100 픽셀씩 여백이 있습니다</marquee>
반응형

'Web Development > HTML' 카테고리의 다른 글

HTML5 시맨틱(Semantic) 태그  (0) 2021.07.17
HTML 문자참조표  (0) 2021.07.17
<ruby> 태그 위첨자 사용방법  (0) 2021.07.17
b태그와 Strong태그의 차이  (0) 2021.07.17
Article 태그와 Section 태그 정리  (0) 2021.07.17
댓글 0
  • 라이브러리 브랜드에 새로운 의견을 남겨주세요.