HTML 기초 태그 (2) 목록

 

목록은 문서 내 텍스트 구조를 명확하게 보이는 데 도움을 준다. 내부 문서 구조를 명확하게 하기 위해 사용한다. 

가장 기본적인 목록 태그는 <LI>로 리스트를 만들 때 사용한다.

 

그러나 <li> 태그 혼자서만 존재하지 않는다. 반드시 목록을 규정하는 <UL>혹은 <OL>의 하위 요소로서 위치하여야 한다. 반대로, <UL>, <OL>의 하위에는 반드시 1개 이상의 <LI>가 있어야 한다.

 

1. 순서가 있는 목록 (Ordered List)

See the Pen RXLzZN by ++EXP (@pp_exp) on CodePen.

 

순서가 있는 리스트 목록을 만들 때 <OL>태그를 사용한다. 

 

2. 순서가 없는 목록 (Unordered List)

See the Pen RXLXwo by ++EXP (@pp_exp) on CodePen.

순서가 없는 리스트 목록을 만들 때 <UL>태그를 사용한다. 

 

3. 정의하는 목록 (Definition List)

See the Pen KOXOPe by ++EXP (@pp_exp) on CodePen.

사전과 같이 정의와 설명을 사용해야 하는 경우, 정의<Definition Title>와 설명<Definition Data>를 사용하여 용어와 설명을 만들 수 있다.