HTML 목록 태그

HTML 목록 태그

 

이번 시간에는 목록 태그에 대하여 알아 봅시다

 

<UL> 태그 - 번호가 없는 리스트(Unordered List)

 

■ 기본

<UL> 태그 : 번호가 없는 리스트(Unordered List)

  <LI> : 리스트 항목

 

■ 사용법

 <UL>
    <LI TYPE=  "DISK"  또는  "CIRCLE"  또는  "SQUARE"> 리스트 항목</LI>
 </UL>

 

■ 예제

 - 태그

  <UL>
       <LI>대항목</LI>
            <UL>
                 <LI>중항목</LI>
                      <UL>
                           <LI>소항목1</LI>

                           <LI>소항목2</LI>
                      </UL>
             </UL>
  </UL>

  - 결과

• 대항목
• 중항목
• 소항목1
• 소항목2

 

<OL> 태그 : 번호가 있는 리스트(Ordered List)

 

■ 기본

<OL> 태그 : 번호가 있는 리스트(Ordered List)

  <LI> : 리스트 항목

 

 

■ 사용법

 <OL>
    <LI> 리스트 항목</LI>
 </OL>

 

■ 예제

 - 태그
  <OL>
       <LI>대항목</LI>
            <OL>
                 <LI>중항목</LI>
                      <OL>
                           <LI>소항목1</LI>

                           <LI>소항목2</LI>
                      </OL>
             </OL>
  </OL>

 - 결과

1. 대항목
1. 중항목
1. 소항목1
2. 소항목2

 

 

<MENU> 태그 : 메뉴 리스트

 

■ 기본

<MENU> 태그 : 메뉴 리스트

  <LI> : 리스트 항목

 

■ 사용법

 <MENU>
    <LI> 리스트 항목</LI>
 </MENU>

 

■ 예제

 - 태그
  <MENU>
       <LI>대항목</LI>
            <MENU>
                 <LI>중항목</LI>
                      <MENU>
                           <LI>소항목1</LI>

                           <LI>소항목2</LI>
                      </MENU>
             </MENU>
  </MENU>

 - 결과

대항목

중항목

소항목1

소항목2

 

<DIR> 태그 : 티렉토리 리스트

 

■ 기본
<DIR> 태그 : 티렉토리 리스트
  <LI> : 리스트 항목

■ 사용법
 <DIR>
    <LI> 리스트 항목</LI>
 </DIR>

■ 예제
 - 태그

  <DIR>
       <LI> /aaa/bbb </LI>
       <LI> /ccc/ddd </LI>
  </DIR>

 - 결과

/aaa/bbb

/ccc/ddd