RSS구독하기:SUBSCRIBE TO RSS FEED
즐겨찾기추가:ADD FAVORITE
글쓰기:POST
관리자:ADMINISTRATOR
HTML  2008/01/15 20:43
DL
  • DL 태그는 리스트 항목을 선언하는 태그 입니다.
  • DL 태그로 선언된 후에 DT 태그에 "항목명"을 DD 태그에 "설명"을 붙여줍니다.

형식 :
    <DL> <DT>여기에 용어의 이름을 쓴데여~~~</DT> <DD>여기에는 용어에 대한 설명을 써야겠져?</DD> <DT>허웅</DT> <DD>귀엽다. 개구장이다.</DD> </DL>
결과 :
    여기에 용어의 이름을 쓴데여~~~
    여기에는 용어에 대한 설명을 써야겠져?
    허웅
    귀엽다. 개구장이다.




DT
  • DL 태그 내부에서 정의되는 구절이나 단어를 정의합니다.





DD
  • DT 태그로 지정된 문서의 내용을 지정하는데 이용합니다.





LI
  • 리스트의 각 항목을 적을 때 이용되는 태그입니다.

형식 :
    <LI>이 글자 앞에 보이는 "동그라미"가 LI 태그가 적용된 겁니다.</LI><br /> <LI>끝나는 태그가 없어도 상관없어요.<br />
결과 :
  • 이 글자 앞에 보이는 "동그라미"가 LI 태그가 적용된 겁니다.
  • 끝나는 태그가 없어도 상관없어요.



OL
  • 숫자 혹은 알파벳 또는 로마자 등을 이용하여 리스트화하는 기능을 갖습니다.

  • 각 항목은 LI 태그를 이용합니다.
  • 이 때, LI 태그의 속성으로 "TYPE 속성"을 사용할 수 있습니다.
  • TYPE 속성의 값으로는 A(알파벳 대문자), a(알파벳 소문자), I(로마숫자 대문자), i(로마숫자 소문자) 등을 사용합니다.

형식 :
    <OL> <LI>장미 <LI>봉선화 <LI>진달래 </OL> <br /> <OL START="100"> <LI>장미 <LI>봉선화 <LI>진달래 </OL> <br /> <OL> <LI TYPE="a">장미 <LI TYPE="a">봉선화 <LI TYPE="a">진달래 </OL> <br /> <OL> <LI TYPE="A">장미 <LI TYPE="A">봉선화 <LI TYPE="A">진달래 </OL> <br /> <OL> <LI TYPE="i">장미 <LI TYPE="i">봉선화 <LI TYPE="i">진달래 </OL>
결과 :
    1. 장미
    2. 봉선화
    3. 진달래

    1. 장미
    2. 봉선화
    3. 진달래

    1. 장미
    2. 봉선화
    3. 진달래

    1. 장미
    2. 봉선화
    3. 진달래

    1. 장미
    2. 봉선화
    3. 진달래



UL
  • 일정한 항목이나 리스트같은 것을 표현할 경우에 사용됩니다.
  • 각 항목은 LI 태그를 사용합니다.

  • 그러나 사용만 잘하면 꼭 그렇게 하실 필요 없겠죠?
  • 저 같은 경우 P 태그는 잘 사용을 하지 않습니다. ---> 습관상
  • 그래서 문단의 들여쓰기 기능이 필요할 경우에는 UL 태그를 주로 사용합니다.

  • UL 태그의 속성으로는 "TYPE 속성" 있습니다.
  • TYPE 속성의 값으로는 "disk, square, circle"의 세 종류가 있습니다.

형식 :
    <UL type="disk"> <LI>장미</LI> <LI>봉선화</LI> <LI>진달래</LI> </UL> <UL type="square"> <LI>장미</LI> <LI>봉선화</LI> <LI>진달래</LI> </UL> <UL type="circle"> <LI>장미</LI> <LI>봉선화</LI> <LI>진달래</LI> </UL>
결과 :
  • 장미
  • 봉선화
  • 진달래
  • 장미
  • 봉선화
  • 진달래
  • 장미
  • 봉선화
  • 진달래




DIR
  • DIR 태그는 항목의 리스트를 나열하는 목적으로 사용됩니다. UL 태그와 동일한 기능이므로 가능하면 UL 태그를 이용하는 것이 좋습니다.

  • 20글자 이내의 짧은 항목 리스트를 만들 때 이용됩니다.

형식 :
    <DIR> <LI>리스트 - 1</LI> <LI>리스트 - 2</LI> <LI>리스트 - 3</LI> </DIR>
결과 :
  • 리스트 - 1
  • 리스트 - 2
  • 리스트 - 3




MENU
  • MENU 태그는 메뉴의 리스트를 나열하는 목적으로 사용됩니다. 속성은 COMPACT가 있으나 대부분의 웹브라우저에서는 지원하질 않습니다. 유사한 기능의 UL 태그를 사용하시는 것이 더욱 좋습니다.

형식 :
    <MENU> <LI>리스트 - 1</LI> <LI>리스트 - 2</LI> <LI>리스트 - 3</LI> </MENU>
결과 :
  • 리스트 - 1
  • 리스트 - 2
  • 리스트 - 3
2008/01/15 20:43 2008/01/15 20:43
이 글에는 트랙백을 보낼 수 없습니다
웅쓰:웅자의 상상플러스
웅자의 상상플러스
전체 (379)
게임 (5)
영화 (2)
기타 (23)
맛집 (5)
영어 (2)
대수학 (3)
형태소 (5)
Hacking (9)
Linux (112)
HTML (48)
Application_developing (48)
Web_developing (102)
Window (11)
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        
  1. 2016/01 (1)
  2. 2015/12 (3)
  3. 2015/10 (3)
  4. 2015/03 (2)
  5. 2015/01 (4)