04-2 목록 만들기
웹 문서에서 목록은 단순히 어떤 항목을 나열할 때뿐 아니라 특히 CSS와 함께 사용해서 내비게이션을 만들거나 콘텐츠를 배치하는 등 다양한 용도로
사용함. 여기에서는 목록을 자유자재로 사용하기 위하여 목록의 종류와 기본적인 특징을 알아보겠음
>> 순서 있는 목록을 만드는 <ol>,<li> 태그
순서 있는 목록이란 말 그대로 각 항목을 순서대로 나열한 것임. 순서 목록은 어떤 과정을 순서대로 설명할 때 <ol>과 <li> 태그를 사용해 만듦.
ol은 ordered list의 줄임말이고, li는 list의 줄임말임.
목록을 표시할 내용 앞뒤에 각각 <ol>과 </ol> 태그를 두고, 그 사이에 <li>와 </li>태그를 삽입함.
>> 순서 없는 목록을 만드는 <ul>, <li> 태그
순서 없는 목록은 항목의 순서가 중요하지 않을 때 사용함.
unordered list의 줄임말인 <ul> 과 </ul> 태그를 목록 앞뒤에 붙인 후 <li>와 </li> 태그를 삽입함.
순서 없는 목록은 항목 앞에 작은 원이나 사각형을 붙여서 구분하는데 이런 작은 그림을 불릿이라고 함.
>> 설명 목록을 만드는 <dl>, <dt>, <dd> 태그
설명 목록이란 이름과 값 형태로 된 목록을 말함. 마치 사전에서 단어명과 설명이 있는 모습을 떠올리면 쉽게 이해할 수 있음.
===설명 목록===
<dt>태그 : 이름(단어명) 부분을 지정한다.
<dd>태그 : 값(설명)부분을 지정함.
<dl>과 </dl>태그 사이에는 한 쌍의 <dt>태그와 <dd>태그를 넣음. 이때 <dt>태그 하나에 <dd>태그를 여러 개 사용 가능.
웹 문서에서 목록 형식의 콘텐츠를 넣는다면 다른 태그로 복잡하게 만드는 것보다 설명 목록을 이용하면 만들기도 쉽고 보기도 좋음