[HTML] 목록 만들기

ol, li

순서가 존재하는 목록을 만들 때 사용합니다.

<ol>
  <li>항목1</li>
  <li>항목2</li>
  <li>항목3</li>
</ol>

ul, li

순서가 없는 목록을 만들 때 사용합니다.

<ul>
  <li>항목1</li>
  <li>항목2</li>
  <li>항목3</li>
</ul>

dl, dt, dd

'이름(제목)'과 '값(설명)' 형태로 된 목록

<dt> 태그: 이름(제목) 지정

<dd> 태그: 값(설명) 지정

하나의 <dt>에 여러 개의 <dd> 값을 가질 수 있다.

<h2>상품 구성</h2>
<dl>
  <dt>선물용 3kg</dt>
  <dd>소과 13 ~ 16과</dd>
  <dd>중과 10 ~ 12과</dd>
  <dt>선물용 5kg</dt>
  <dd>중과 15 ~ 19과</dd>
</dl>