설 연수
하하호홓
설 연수
전체 방문자
오늘
어제
  • 분류 전체보기 (231)
    • Back-End (2)
      • Java (20)
      • JSP (13)
      • Spring (18)
      • Kotlin (0)
      • node.js (0)
    • Front-End (68)
      • JavaScript (19)
      • jQuery (39)
      • Angular (4)
      • HTML (5)
    • Dev-Ops (12)
      • Linux, Cloud (5)
      • docker, k8s (5)
      • ElasticSeach (2)
    • Other (33)
      • OOP (3)
      • 알고리즘 (2)
      • DB (12)
      • Git (1)
      • Swift (4)
    • Backup (65)

블로그 메뉴

    공지사항

    인기 글

    태그

    • angular2
    • Angular
    • RESTful
    • flex
    • 크로스도메인
    • page not found
    • docker
    • mongodb
    • angular 콜백
    • CORS
    • Redis
    • 404 error
    • jOOQ
    • 패스트캠퍼스
    • jquery invalid
    • Kafka
    • MYSQL
    • angular4
    • angular callback
    • INVALID

    최근 댓글

    최근 글

    티스토리

    hELLO · Designed By 정상우.
    설 연수

    하하호홓

    Front-End/HTML

    [HTML] 목록태그 (ul, ol, li, dl, dt, dd)

    2012. 5. 10. 11:43


    [HTML] 목록태그 (ul, ol, li, dl, dt, dd)  HTML, JScript / [Study] 

    2009/05/12 01:37

    복사http://blog.naver.com/dionly/120068302071

    ul(Unordered List) : 순서 없는 목록
    ol(Ordered List) : 순서 있는 목록
    li(List) : 목록

    dl(Definition List) : 용어 정의 목록
    dt(Definition Terms) : 용어
    dd(Definition Description) : 용어의 설명

     

     

    예시 1)

    <p>무기 아이템 목록</p>
    <ul type="circle">
        <li>지팡이</li>
        <li type="disc">도검</li>
        <li type="circle">둔기</li>
        <li type="square">단검</li>
    </ul>

    출력

    무기 아이템 목록

        ○ 지팡이

        ● 도검

        ○ 둔기

        ■ 단검

     

    예시 2)

    <p>무기 아이템 목록</p>
    <ol>
        <li>지팡이</li>
        <li>도검</li>
        <li>둔기</li>
        <li>단검</li>

        <li type="a">도끼</li>
        <li type="A">활</li>
        <li type="i">총</li>
    </ol>

    출력

    무기 아이템 목록

         1. 지팡이

         2. 도검

         3. 둔기

         4. 단검

         e. 도끼

         F.  활

         Ⅶ. 총


    예시 3)

    <p>무기 아이템 목록</p>
    <dl>
        <dt>총</dt>
        <dd>원거리 무기, 데미지 약함, 양손</dd>
        <dt>단검</dt>
        <dd>근거리 무기, 데미지 중간, 한손</dd>
    </dl>

    출력

    무기 아이템 목록

    총

          원거리 무기, 데미지 약함, 양손

    단검

          근거리 무기, 데미지 중간, 한손

     




    http://blog.naver.com/dionly/120068302071

    저작자표시 (새창열림)

    'Front-End > HTML' 카테고리의 다른 글

    메타 태그 ( Meta tag ) 정리  (0) 2015.02.13
    div 태그에서 vertical-align:middle을 사용하고 싶을 때  (0) 2012.06.25
    레이아웃 구성(FrameSet & div)  (0) 2012.04.23
    2) 1차원으로 오브젝트 접근하기 ( JavaScript )  (1) 2012.04.04
      'Front-End/HTML' 카테고리의 다른 글
      • 메타 태그 ( Meta tag ) 정리
      • div 태그에서 vertical-align:middle을 사용하고 싶을 때
      • 레이아웃 구성(FrameSet & div)
      • 2) 1차원으로 오브젝트 접근하기 ( JavaScript )
      설 연수
      설 연수

      티스토리툴바