HTML5 DL태그 사용하기(움직이게)

<link rel="stylesheet" href="" />

<DL> 태그 

   - Definition List의 약자로 용어에 대한 설명 등을 나열할 때 사용

     1) <DL>의 포함된 목록 태그로

       ① <LH> - List Head, 목록의 제목

       ② <DT> - Definition Title, 용어(제목)

       ③ <DD> - Definition Data, 용어의 설명

 

    - <LH>, <DT>, <DD>는 자동으로 줄 바꿈이 이루어진다.

 

Ex)

 <dl>

          <lh>목록의 제목

          <dt> 용어

          <dd>용어의 설명 

</dl>

 

(Ex)

(Ex)

움직이는 텍스트 만들기

  <MARQUEE> ~ </MARQUEE> 차양이라는 뜻 글자가 수평방향으로 움직인다.

  <marquee> 태그의 속성은 다음과 같다.

    1) bgcolor - 영역의 바탕색 "색명(bgcolor="#ff0000", bgcolor="yellow"

    2) width, height - 넓이ㅡ 높이 (width=100, heightt= 50%)

    3) hspace, vspace - 텍스트 바깥쪽 좌우상하 영역내의 여백 처리

      (hspace=20, vspace=10)

    4) behavior - 문자열의 흐름을 제어한다.

         (1) behavior="scroll" 기본값으로 한 방향으로 계속 문자열이 흘러감

         (2) behavior="slide" 스크롤하던 문자열이 한 쪽 끝에서 멈춤.

         (3) behavior="alternate" 문자열이 상하좌우로 왔다 갔다 반복함.

    5) direction - 문자열의 흘러가는 방향을 지정.

         (direction="left" or "right" or "up" or "down") 으로 사용가능.

    

(Ex)

(결과)

 

텍스트의 위치는 top, middle, bottom으로 지정할 수 있음. 

 

텍스트 바깥의 상하 좌우 여백 보기!텍스트의 기본 흐름.텍스트가 좌우로 왔다 갔다 함.텍스트가 끝에가서 멈춤. (Ex2)

(결과)

 

텍스트 왼쪽으로 가게하기!

 

텍스트 오른쪽으로 가게하기!

 

텍스트 위쪽으로 가게하기!

 

텍스트 아래쪽으로 가게하기!

<marquee> 태그의 scrolldelay, scrollamount 속성

   - scrolldelay=숫자 : 숫자가 클수록 속도가 느려짐.

   - scrollamount=픽셀수 : 숫자가 클수록 속도가 빨라짐

(결과)

<basefont size="6" />

scrolldelay 속성은 스크롤 지연 속도를 지정.

scrolldelay 속성은 값이 클수록 느림.

scrollamount 속성은 한번에 스크롤 되는 픽셀 수를 지정.