[HTML] 리스트(항목) 태그 - <ul>, <ol>, <dl>

순서가 없는 리스트 <ul>

- 리스트의 항목을 나타낼 때 사용(unordered list)

- 분립기호가 붙음(검은색 원이 기본)

 

<ul>
    <li>코드</li>
    <li>코드</li>
    <li>코드</li>
    <li>코드</li>
</ul>

<!-- 순서가 없는 리스트 -->
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

 

 

 

순서가 있는 리스트 <ol>

- 순서가 필요한 리스트를 만들 때 사용(ordered list)

- 숫자로 항목 표시(속성값으로 변경 가능)

 

<ol>
    <li>코드</li>
    <li>코드</li>
    <li>코드</li>
    <li>코드</li>
</ol>

<!-- 순서가 있는 리스트 -->

<ol>
  <li>First</li>
  <li>Second</li>
  <li>Third</li>
</ol>

 

 

 

용어 정의 리스트 <dl>

: 용어를 정의할 때 사용

<dl>
    <dt>용어</dt>
    <dd>용어 설명</dd>
</dl>

 

<!-- 용어 정의 리스트 -->

<dl>
  <dt>Coffee</dt>
  <dd>Coffee is made of ~</dd>
</dl>