학습(공부)하는 블로그 :: 7. <marquee> 태그
 

 

Notice»

Recent Post»

Recent Comment»

Recent Trackback»

03-19 10:55

7. <marquee> 태그

컴퓨터 활용/홈페이지 과정 | 2013. 1. 31. 14:30 | Posted by 깨비형
반응형

1.<marquee>태그의 기본형식


○ 기본형식

 <marquee>내용</marquee>


○ 설명 및 특징

- <marquee>태그는 브라우저가 익스플로러에서만 움직임이 보여지는 익스플로러 전용태그

기본형식으로만 작성하시고 웹브라우저를 실행시키시면 <marquee>태그 안의 글자가 오른쪽에서 왼쪽으로 흘러가는 형태로 움직인다. 

내용에 글자, 이미지등이 들어갈 수도 있으며 링크도 걸 수도 있다.

- 잘만 이용하면 멋진 홈페이지를 만들 수 있지만 너무  과도하게 사용하거나 남용하면 홈페이지가 지저분해질 수도 있기 때문에 유의해야 한다.


2.<marquee>태그의 여러 가지 속성


○ <marquee>태그의 속성


 속    성

설      명 

 behavior

 스크롤 형태 지정
 사용할 수 있는 값은 scroll, slide, alternate

 direction

 스크롤 방향 지정. 사용할 수 있는 값은 left, right, up, down

 scrolldelay

 스크롤 지연속도 지정. 1/1000초 단위로 지정

 scrollamount

 한 번에 스크롤 되는(이동하는) 픽셀 수 지정

 bgcolor

 스크롤 영역의 배경색 지정

 height

 스크롤 영역의 높이 조절

 width

 스크롤 영역의 폭 조절

 loop

 스크롤 반복 횟수 지정. 사용할 수 있는 값은 숫자 또는 infinite(무한반복)


○ 속성 예시와 결과


-  예시문


☞스크롤 형태 속성 예시입니다.<p>

<marquee behavior="scroll">오른쪽에서 왼쪽으로 반복됩니다.</marquee> 

<marquee behavior="slide">오른쪽에서 왼쪽으로 한번만 흐르고 정지합니다.</marquee>

<marquee behavior="alternate">오른쪽에서 왼쪽으로 다시 오른쪽으로 반복합니다.</marquee>

☞스크롤 지연속도 예시입니다.<p>

<marquee scrolldelay="100">딜레이 수치가 100입니다.</marquee>

<marquee scrolldelay="300">딜레이 수치가 300입니다.</marquee>

<marquee scrolldelay="500">딜레이 수치가 500입니다.</marquee>

☞스크롤 스크롤 양 예시입니다.<p>

<marquee scrollamount="10">스크롤 양이 10입니다.</marquee>

<marquee scrollamount="30">스크롤 양이 30입니다.</marquee>

<marquee scrollamount="50">스크롤 양이 50입니다.</marquee>

☞스크롤 반복 횟수 예시입니다.<p>

<marquee loop="3">스크롤을 3번만 하고 멈춥니다.</marquee>

<marquee loop="infinite">스크롤을 무한반복합니다.</marquee>

☞스크롤 방향 속성 예시입니다.<p>

<marquee direction="left">왼쪽으로 스크롤 됩니다.</marquee>

<marquee direction="right">오른쪽으로 스크롤 됩니다.</marquee>

☞스크롤 폭과 높이 속성 예시입니다.<p>

<marquee width="80" height="3">스크롤 폭이 80픽셀이고 높이가 3픽셀입니다.</marquee>

☞스크롤 배경색상 속성 예시입니다.<p>

<marquee bgcolor="green">배경색상이 초록색입니다.</marquee>



- 결과


 ☞스크롤 형태 속성 예시입니다.

오른쪽에서 왼쪽으로 반복됩니다.

오른쪽에서 왼쪽으로 한번만 흐르고 정지합니다.

오른쪽에서 왼쪽으로 다시 오른쪽으로 반복합니다.

☞스크롤 지연속도 예시입니다.

딜레이 수치가 100입니다.

딜레이 수치가 300입니다.

딜레이 수치가 500입니다.

☞스크롤 스크롤 양 예시입니다.

스크롤 양이 10입니다.

스크롤 양이 30입니다.

스크롤 양이 50입니다.

☞스크롤 반복 횟수 예시입니다.

스크롤을 3번만 하고 멈춥니다.

스크롤을 무한반복합니다.

☞스크롤 방향 속성 예시입니다.

왼쪽으로 스크롤 됩니다.

오른쪽으로 스크롤 됩니다.

☞스크롤 폭과 높이 속성 예시입니다.

스크롤 폭이 200픽셀이고 높이가 20픽셀입니다.

☞스크롤 배경색상 속성 예시입니다.

배경색상이 초록색입니다.





반응형

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

9. 이미지(Img) 태그  (0) 2013.02.01
8. 목록(List) 태그  (0) 2013.02.01
6. <font>태그  (0) 2013.01.30
5. 글자(Text) 태그  (0) 2013.01.30
4. 선그리기와 제목 태그  (0) 2013.01.29
: