HTML의 Marquee 태그는 웹 페이지의 텍스트나 이미지 위에 스크롤을 만드는 데 사용됩니다. 이를 통해 왼쪽에서 오른쪽, 오른쪽에서 왼쪽, 위에서 아래, 아래에서 위로와 같은 모든 유형의 스크롤이 가능합니다. HTML에서 이 태그의 구문은 이것은 텍스트를 스크롤하는 것입니다...< /marquee> 여기서 'marquee' 태그는 필요한 스크롤의 속성을 설명하는 데 사용됩니다. 일반적으로 사용되는 몇 가지 다른 선택 윤곽 속성으로는 동작, hspace, scrollamount, scrolldelay, truespeed, vspace 등이 있습니다. 구문: 요소. 구문은 아래와 같이 작성할 수 있습니다. This is scrolling of the text... 로그인 후 복사 HTML 마키 태그 속성 다음은 에서 지원되는 속성입니다. 태그. 동작: 대체, 스크롤, 슬라이드 등 값 중 하나일 수 있는 텍스트를 스크롤하는 동작 bgcolor: 배경색을 지정합니다. 방향: 왼쪽, 오른쪽, 위, 아래 값으로 텍스트를 스크롤하는 방향을 지정합니다. 기본 방향 값이 남아있습니다. 높이: 선택 윤곽의 높이를 정의합니다. hspace: 이 속성은 선택 윤곽 요소 주위에 수평 공간을 제공합니다. loop: 텍스트를 스크롤할 수 있는 횟수를 정의합니다. 기본값이 -1이면 선택 윤곽이 계속 반복됩니다. scrollamount: 각 간격의 스크롤 양을 지정합니다. 스크롤 양이 정의되지 않은 경우 기본값은 6입니다. scrolldelay: 밀리초 단위로 스크롤 지연을 제공합니다. 스크롤 양이 정의되지 않은 경우 기본값은 6입니다. truespeed: 스크롤 지연 값 60을 나타내는 데 사용됩니다. vspace: 이 속성은 선택 윤곽 요소 주위에 수직 공간을 제공합니다. 너비: 선택 윤곽의 너비를 정의합니다. HTML 마키 태그 예시 다음은 아래에 설명된 HTML 움직이는 태그의 예입니다. 예 #1 – 마퀴 왼쪽 이 유형의 선택 윤곽은 콘텐츠를 왼쪽에서 이동하는 데 사용할 수 있습니다. 코드: Left Marquee .mrq_class { text-align:center; } .marq_class1 { padding-top:25px; padding-bottom:25px; } .txt { font-size:30px; font-weight:italic; color:white; padding-bottom:10px; } Welcome to EDUCBA... EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries. 로그인 후 복사 출력: 위 코드를 확장자가 .html인 파일로 저장하세요 브라우저에서 HTML 파일을 실행하면 아래 이미지와 같은 결과가 나타납니다 예 #2 – 마키 오른쪽 이 유형의 선택 윤곽은 콘텐츠를 오른쪽으로 이동하는 데 사용할 수 있습니다. 코드: Right Marquee .mrq_class { text-align:center; } .marq_class1 { padding-top:25px; padding-bottom:25px; } .txt { font-size:30px; font-weight:italic; color:white; padding-bottom:10px; } Welcome to EDUCBA... EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries. 로그인 후 복사 출력: 예 #3 – 마키 업 이런 유형의 선택 윤곽은 콘텐츠를 위쪽으로 이동하는 데 사용할 수 있습니다. 코드: Up Marquee .mrq_class { text-align:center; } .marq_class1 { padding-top:25px; padding-bottom:25px; } .txt { font-size:30px; font-weight:italic; color:white; padding-bottom:10px; } Welcome to EDUCBA... EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries. 로그인 후 복사 출력: 예 #4 – 마퀴 다운 이런 유형의 선택 윤곽은 콘텐츠를 아래쪽으로 이동하는 데 사용할 수 있습니다. 코드: Down Marquee .mrq_class { text-align:center; } .marq_class1 { padding-top:25px; padding-bottom:25px; } .txt { font-size:30px; font-weight:italic; color:white; padding-bottom:10px; } Welcome to EDUCBA... EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries. 로그인 후 복사 출력: 예 #5 – 중첩된 선택 윤곽 이 유형의 선택 윤곽은 콘텐츠를 중첩하는 데 사용할 수 있습니다. 코드: Nested Marquee .mrq_class { text-align:center; } .marq_class1 { padding-top:25px; padding-bottom:25px; } .txt { font-size:30px; font-weight:italic; color:white; padding-bottom:10px; } Welcome to EDUCBA... EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries. 로그인 후 복사 출력: 예시 #6 – Marquee 속도 비교 scrolldelay 속성을 사용하여 marquee 요소의 속도를 지정할 수 있습니다. 코드: Nested Marquee .marq_class1 { padding-top:25px; padding-bottom:25px; } Welcome to EDUCBA...(normal speed) Welcome to EDUCBA...(This is very speed) Welcome to EDUCBA...(This is very slow) 로그인 후 복사 출력: 예 #7 – 마크 배경 색상 및 공간 이 유형의 선택 윤곽은 선택 윤곽 요소의 배경색과 공간을 설정하는 데 사용할 수 있습니다. 코드: Marquee Background and Space .mrq_class { text-align:center; } .marq_class1 { padding-top:25px; padding-bottom:25px; } EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries. 로그인 후 복사 출력: 결론 지금까지 우리는 marquee 태그를 사용하여 웹페이지에서 스크롤 텍스트를 만드는 방법을 연구했습니다. 사용자는 웹사이트에서 쉽게 가로 또는 세로로 스크롤되는 텍스트를 쉽게 만들 수 있습니다. 이 요소는 더 이상 사용되지 않으며 더 이상 사용되지 않습니다. 스크롤 효과를 내기 위해서는 CSS나 JavaScript를 사용하게 됩니다.