[문돌이의IT]HTML 목록 지정하는 <ol>, <ul>, <li>태그

 HTML에 리스트 효과를 넣어봅니다. 주로 파워포인트로 문서를 작성할 때 시각적으로 나열된 느낌을 주기 위해 사용하던 기능입니다. 먼저 사진으로 봅시다.

  

효과는 다양하게 줄 수 있습니다. 이번엔 <ol>, <ul> 두 가지 효과를 살펴봅시다.

<ol>태그는 Ordered List의 약자로 입력한 내용을 번호 순으로 정렬하는 효과가 있습니다. 순서 있는 목록이라고도 합니다.

            

<ol>

<li>문돌</li>

<li>문돌이</li>

<li>문돌이의IT</li>

</ol>

 

<ul>태그는 Unordered List의 약자로 입력한 순서 없이 정렬하는 효과가 있습니다. 안에 들어 있는 li는 리스트(목록)입니다.

 

<ul>

<li>문돌</li>

<li>문돌이</li>

<li>문돌이의IT</li>

</ul>

 

 조금 지루할 수도 있지만 기본을 확실히 닦아 두면 날아 가는 손놀림으로 많은 작업을 하는 훌륭한 밑바탕이 됩니다.

처음부터보기: [문돌이의 IT] HTML의 기본골격