html 마키태그 사용법 소개_HTML/Xhtml_웹페이지 제작-HTML 튜토리얼-php.cn

이 태그는 HTML3.2의 일부가 아니며 MSIE3 이상의 커널만 지원하므로 IE가 아닌 브라우저(예: Netscape)를 사용하는 경우 다음과 같은 흥미로운 효과 중 일부를 보지 못할 수 있습니다.
이 태그 컨테이너 태그입니다

마퀴 공지 스크롤 코드

마퀴 회전 랜턴을 기반으로 수직 위로 스크롤되는 테이블 형식의 가장 간단한 웹사이트 공지 스크롤 코드로, 그렇지 않아도 사용할 수 있습니다. CSS를 알아라.

<html>
<머리>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>공지사항 스크롤 JS 코드</title>
</머리>
<본문>
<div align="center">
<table border="1" width="206" cellpacing="0" cellpadding="0" style="border-collapse:collapse" height="90" id="table1">
<tr>
<td valign="top"><MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=100 Direction=up height="99%">
 <TABLE cellSpacing=0 cellPadding=0 width="95%" align=center border=0>
     <TBODY>
      <TR>
        <TD vAlign=상단 높이=120>
           <P style="LINE-HEIGHT: 150%;font-size:9pt"><FONT color=#000033>·<A href="#" >환영합니다! </A></FONT>
<FONT color=#000033>·<A
href="#">Script House의 추가 스크립트 코드...</A></FONT>
<FONT color=#000033>·<A
href="#">학습 소스 코드 웹사이트...</A></FONT>
<FONT color=#000033>·<A href="#">제안사항이 있으면 제출해 주세요...</A></FONT>
<FONT color=#000033>·<A href="#">자주 방문해 주셔서 진심으로 감사드립니다</A></FONT>
<FONT color=#000033>·<A href="#">다시 한번 감사드리며 작별 인사</A></FONT>
</TD></TR></TBODY></TABLE></MARQUEE></td>
  </tr>
 </테이블>
</div>
</body>
</html>

팁: 실행하기 전에 코드의 일부를 수정할 수 있습니다.

구문:

< ;/marquee>

다음은 가장 간단한 예입니다.

코드는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.

Hello, World

다음 두 가지 이벤트가 자주 사용됩니다.

onMouseOut="this.start()": 마우스가 영역 밖으로 이동할 때 계속 스크롤하도록 설정하는 데 사용됩니다.
onMouseOver="this.stop()" : 마우스가 이 영역으로 이동할 때 스크롤을 중지하도록 설정하는 데 사용됩니다.

코드는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.

onMouseOut="this.start()": 마우스가 계속 스크롤 영역에서 벗어나도록 설정하는 데 사용됩니다. onMouseOver="this.stop()": 마우스가 움직일 때 스크롤을 중지하도록 설정하는 데 사용됩니다.

전체 예는 다음과 같습니다.

코드는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.

완전한 예시입니다

이 태그는 최대 11개의 속성을 지원합니다.

align

태그 콘텐츠의 정렬 설정
absbottom: 절대 하단 정렬(g, p 사용) 문자 하단)
absmiddle: 절대 중앙 정렬
baseline: 하단 라인 정렬
bottom: 하단 정렬(기본값)
left: 왼쪽 정렬
middle: 중간 정렬
right : 오른쪽 정렬
texttop: 위쪽 줄 정렬
위쪽: 위쪽 정렬

코드는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.

align="absbottom": 절대 하단 정렬(절대 하단 정렬) g, p 등과 같은 문자).
align="absmiddle": 절대 중심 정렬입니다.
align="baseline": 하단 라인 정렬.
align="left": 왼쪽 정렬.
align="middle": 중간 정렬.
align="right": 오른쪽 정렬.
align="texttop": 상단 라인 정렬.
align="top": 상단 정렬.

동작

스크롤 방법 설정:

대체: 두 끝 사이를 앞뒤로 스크롤하는 것을 의미합니다.
스크롤: 한쪽 끝에서 다른 쪽 끝으로 스크롤하는 것을 의미하며 반복됩니다.
슬라이드: 반복 없이 한쪽 끝에서 다른 쪽 끝으로 스크롤하는 것을 의미합니다.

코드는 다음과 같습니다.

코드를 복사하세요

코드는 다음과 같습니다.

alternate: 두 끝 사이를 앞뒤로 스크롤하는 것을 나타냅니다.

scroll: 한쪽 끝에서 다른 쪽 끝까지 스크롤됨을 나타내며 반복됩니다.
slide: 반복 없이 한쪽 끝에서 다른 쪽 끝으로 스크롤함을 나타냅니다.

bgcolor

활성 자막의 배경색을 설정합니다. 배경색은 RGB, 16진수 값 형식 또는 색상 이름으로 설정할 수 있습니다.

코드는 다음과 같습니다.

코드를 복사하세요

코드는 다음과 같습니다.

활성 자막의 배경색 설정 bgcolor="#006699"
활성 자막의 배경색 설정 bgcolor="rgb(10%,50%,100%,)"

방향

활성 자막의 스크롤 방향 설정

코드는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.

활성 자막의 스크롤 방향 설정 Direction="down": 아래쪽
활성 자막의 스크롤 방향 설정 방향="왼쪽" : 왼쪽으로
활성 자막의 스크롤 방향을 설정합니다. >활성 자막의 스크롤 방향을 설정합니다. 코드는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.

< ;marquee height="500" Direction="down" bgcolor=" #CCCCCC">활성 자막 높이 설정 height="500"

너비

활성 자막 너비 설정

코드 다음과 같습니다.

코드 복사

코드 다음과 같습니다.

활성 자막 너비 설정 width="500"

hspace

활성 자막 위치와 상위 컨테이너의 가로 테두리 사이의 거리를 설정합니다

표시 상자 주변의 가로(수평) 공간을 제어합니다.

코드는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.

hspace= "100"

vspace >
활성 자막 설정 위치와 상위 컨테이너의 수직 테두리 사이의 거리

디스플레이 상자 주변의 수직 공간을 제어합니다.

코드는 다음과 같습니다.

코드 복사코드는 다음과 같습니다.