li 태그

목록 하나를 의미하는 태그
단독으로 사용하지 않고 꼭 아래 태그와 같이 씌임.

ol 태그

오더리스트, 순서가 있는 리스트
목록을 순서대로 표현하고 싶다면

1. HTML
2. CSS
3. JavaScript

기본은 숫자, 아래처럼 표현하는 타입을 바꿀 수 있다.

1. hi
2. bye

시작하는 숫자도 설정 가능

6. HTML
7. CSS
8. JavaScript

<ol>
    <li><a href="1.html">HTML</a></li>
    <li><a href="2.html">CSS</a></li>
    <li><a href="3.html">JavaScript</a></li>
</ol>

<ol type="a"> 
  <li>hi</li>
  <li>bye</li>
</ol>

<ol start="6">
    <li><a href="1.html">HTML</a></li>
    <li><a href="2.html">CSS</a></li>
    <li><a href="3.html">JavaScript</a></li>
</ol>

ul 태그

언오더리스트, 번호가 없는 목록
type을 사용해서 리스트의 모양도 바꿀 수 있다.

• html
• css
• java

• html
• css
• java

• html
• css
• java

<ul>
  <li>html</li>
  <li>css</li>
  <li>java</li>
</ul>
<ul type="circle">
  <li>html</li>
  <li>css</li>
  <li>java</li>
</ul>
<ul type="square">
  <li>html</li>
  <li>css</li>
  <li>java</li>  
</ul>

dl, dt, dd 태그

제목과 설명으로 구분됨
dl 리스트
dt 제목
dd 설명

개궂다 장난스럽게 남을 괴롭고 귀찮게 하여 달갑지 아니하다. 가찹다 어느 한 곳에서 다른 곳까지의 거리가 짧다. 거짠허다 몸의 상태가 가볍고 상쾌하다.

<dl>
  <dt>개궂다</dt>
  	<dd>장난스럽게 남을 괴롭고 귀찮게 하여 달갑지 아니하다.</dd>
  <dt>가찹다</dt>
  	<dd>어느 한 곳에서 다른 곳까지의 거리가 짧다.</dd>
  <dt>거짠허다</dt>
  	<dd>몸의 상태가 가볍고 상쾌하다.</dd>
</dl>