5. 목록 태그 (ol, ul, dl)

1. <ol>

• 순서 있는 목록(ordered list)
• 안에 <li> 태그들이 포함되며, 각 태그는 목록의 각 항목을 나타낸다.
• start: 시작 번호 지정  ex) <ol start="5>
• 번호 유형(type 속성에 사용): 'a'(소문자 알파벳), 'i'(소문자 로마 숫자), 'I'(대문자 로마 숫자)

   <ol>
      <li>순서 있는 목록1</li>
      <li>순서 있는 목록2</li>
      <li>순서 있는 목록3</li>
    </ol>

 

- 실행 결과

1. 순서 있는 목록1
2. 순서 있는 목록2
3. 순서 있는 목록3

 

2. <ul>

• 순서 없는 목록(unordered list)
• 기호(type 속성에 사용): 원형(bullet-기본값), 사각형(square)

<ul>
      <li>순서 없는 목록1</li>
      <li>순서 없는 목록2</li>
      <li>순서 없는 목록3</li>
    </ul>

 

- 실행 결과

• 순서 없는 목록1
• 순서 없는 목록2
• 순서 없는 목록3

 

3. <dl>

• <dl>: 설명 목록(description list)
• <dt>: 용어(define term)
• <dd>: <dt>에 대한 정의(describe description)

<dl>
      <dt>HTML</dt>
      <dd>웹 페이지 개발을 위한 마크업 언어</dd>
      <dt>CSS</dt>
      <dd>웹 페이지 디자인을 위한 언어</dd>
      <dt>자바스크립트</dt>
      <dd>웹 페이지를 사용자와 동적 처리를 위한 언어</dd>
    </dl>

 

- 실행 결과

HTML

웹 페이지 개발을 위한 마크업 언어

CSS

웹 페이지 디자인을 위한 언어

자바스크립트

웹 페이지를 사용자와 동적 처리를 위한 언어