HTML STEP 5 - LIST

★ List, 목록

• 1. 순서가 있는 목록
  • <ol> + <li>
  • Ordered List
  • List item
• 2. 순서가 없는 목록
  • <ul> + <li>
  • Unordered List
  • List Item
• 3. 용어 정의 목록
  • <dl> + <dt> + <dd>
  • Definition List
  • Definition Term
  • Definition Description

■ 사용 ex)

• 1. 순서가 있는 목록

<ol type="1">
    <li>수업 복습하기</li>
    <li>강아지 산책하기</li>
    <li>
        운동하기
        <ol type="a">
            <li>팔굽혀펴기</li>
            <li>달리기</li>
            <li>스쿼트</li>
        </ol>
    </li>
    <li>방청소하기</li>
    <li>컴퓨터 포맷하기</li>
</ol>

• 2. 순서가 없는 목록

<ul type="circle">
    <li>수업 복습하기</li>
    <li>강아지 산책하기</li>
    <li>방청소하기</li>
    <li>컴퓨터 포맷하기</li>
</ul>

 

• 3. 용어 정의 목록

<dl>
    <dt>용어</dt>
    <dd>설명입니다.</dd>

    <dt>클래스</dt>
    <dd>클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~</dd>

    <dt>메소드</dt>
    <dd>메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~메소드는 어쩌구 저쩌구~</dd>

</dl>