목록을 만드는 태그들
이번에는 목록을 만드는 태그에 대해서 살펴보도록 하겠다.
이번에 배우는 태그들 또한 당연히 <body> 태그에서만 사용할 수 있다.
<ul>, <li>
순서가 필요하지 않은 목록을 만들 때에는 <ul>을 사용하고(unoredered list),
<ul> 태그 안에 <li> 태그(list item)을 사용해 각 항목을 표시한다.
순서 없는 목록의 경우 각 항목 앞에 작은 원이나 사각형같은 불릿이 붙는다.
<ul>
<li> 내용 </li>
<li> 내용 </li>
<li> 내용 </li>
</ul><ol>, <li>
순서가 필요한 목록을 만들 때에는 <ol>을 사용하고(oredered list),
<ol> 태그 안에 <li> 태그(list item)을 사용해 각 항목을 표시한다.
<ol>
<li> 내용 </li>
<li> 내용 </li>
<li> 내용 </li>
</ol><ol>의 다양한 태그 속성
- type 속성: type 속성을 이용해서 속성 값을 바꿀 수 있다.
- 1: 숫자
- a: 영문 소문자
- A: 영문 대문자
- i: 로마숫자 소문자
- I: 로마숫자 대문자
- start 속성: 순서 목록은 기본적으로 1부터 시작하나 start 속성을 이요하면 중간 번호부터 시작 할 수 있다.
- reversed 속성: 항목을 역순으로 표시한다.
<dl>, <dt>, <dd>
<dl> 태그는 '제목'과 '설명'이 한 쌍인 설명 목록을 만든다.
<dl> 태그는 목록을 만들고 <dt> 태그는 제목을, <dd> 태그는 설명을 표시한다.
<dl>
<dt> 제목 </dt>
<dd> 설명 </dd>
</dl>
@dlacked