<ul>, <ol>, <li> 태그 활용법

<li></li> 태그는 list의 약자로, 목록을 만들때 쓰는 태그이다.

 

<ul></ul>태그는 unordered list의 약자이다.

<ol></ol>태그는 ordered list의 약자이다.

 

<ul>과 <ol>은 <li>들을 grouping하는 역할로 보면 된다.

다만, <ul>의 경우 순서를 반영하지 않게 해주고, <ol>의 경우 순서를 반영해서 보여준다.

 

<그림 1>

<그림 1> 처럼 나타내고 싶다면, 다음과 같이 쓰면 된다.

<ul>
  <li>1번 주제에 대한 소개</li>
  <li>2번 주제에 대한 소개</li>
  <li>3번 주제에 대한 소개</li>
  <li>4번 주제에 대한 소개</li>
</ul>

<ol>
  <li>1번 주제에 대한 소개</li>
  <li>2번 주제에 대한 소개</li>
  <li>3번 주제에 대한 소개</li>
  <li>4번 주제에 대한 소개</li>
</ol>