본문 바로가기
프로그래밍/HTML, CSS, JavaScript

HTML 목록 태그

by Joy [바가지] 2017. 12. 8.

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
  •  

     

    반응형

    '프로그래밍 > HTML, CSS, JavaScript' 카테고리의 다른 글

    HTML 링크(연결) 태그  (2) 2017.12.11
    HTML 이동 태그  (4) 2017.12.10
    HTML 목록 태그  (0) 2017.12.08
    HTML 단락 서식 태그  (8) 2017.12.07
    HTML 문자 서식 태그  (0) 2017.12.01
    HTML 기본태그 - BODY / 주석 / 제목 태그  (0) 2017.11.29

    태그

    , , , ,

    댓글0