[HTML5]목록 태그

목록 태그에 대해 설명합니다

모든 포스트 목록

목록 태그

<ul>, <ol>, <dl> 태그 하위에 <li> 태그를 사용하여 목록화한다

<ul type="구분점">

순서 없는 목록(Unordered List) 태그

• type 속성 : 목록 구분점을 지정하는 속성(현재는 css를 사용하는 것을 권장합니다)
  • disc : 검은 원(기본값)
  • circle : 흰 원
  • square : 사각형

<ol type="구분점">

순서 있는 목록(Ordered List) 태그

• type 속성 : 목록 구분점을 지정하는 속성(현재는 css를 사용하는 것을 권장합니다)
  • 1 : 숫자(기본값)
  • a : 영문 소문자
  • A : 영문 대문자
  • i : 로마 숫자 소문자
  • I : 로마 숫자 대문자
  • disc : 검은 원
  • circle : 흰 원
  • square : 사각형

<dl>

설명 목록(Description List/Definition List) 태그

• 사전과 같이 용어나 단어를 설명하는 목록을 만들 때 사용
• 용어(term)은 <dt> 요소, 설명(description)은 <dd> 요소 사용

예시

  <ul>
    <li>[ul/li]가나다라</li>
    <li>[ul/li]마바사아</li>
  </ul>
  <ol>
    <li>[ol/li]가나다라</li>
    <li>[ol/li]마바사아</li>
  </ol>
  <dl>
    <dt>[dt]가나다라</dt><dd>[dd]가나다라입니다</dd>
  </dl>

결과

#html5 #목록
참고 : HTML5 웹 프로그래밍 입문, 저자 : 임순범, 박희민, 이창환