HTML #2 - List Tag

📍 List Tag

List Tag는 ul / ol 로 순서의 유무를 정의하고, li로 요소를 나열한다.

순서 없는 목록 태그 : ul

<ul> <!-- type : disc (default) / circle / square -->
	<li>목록 요소 1</li>
    <li>목록 요소 2</li>
    <li>목록 요소 3</li>
</ul>

• 목록 요소 1
• 목록 요소 2
• 목록 요소 3

<ul>은 unordered list로, 순서 없는 목록을 나타낼 때 사용한다.
ul에 <ul type=" ">이나, 직접 css를 주는 등의 방법으로 여러 type을 표현할 수 있다.

💡 default 값인 disc는 속이 찬 동그라미 (●),
circle은 속이 빈 동그라미 (○),
square은 속이 찬 네모 (■)의 형태를 띤다.

순서 있는 목록 태그 : ol

<ol> <!-- type : 1 (default) / A / a / I / i -->
	<li>목록 요소 1</li>
    <li>목록 요소 2</li>
    <li>목록 요소 3</li>
</ol>

1. 목록 요소 1
2. 목록 요소 2
3. 목록 요소 3

<ol>은 ordered list, 즉, 순서 있는 목록을 나타낼 때 사용한다.
ol도 마찬가지의 방법으로 type을 표현할 수 있다.

💡 default 값인 1은 1, 2, 3 … ,
A는 A, B, C …,
a는 a, b, c …,
I는 I, II, III, IV …,
i는 i, ii, iii, iv … 의 형태를 띤다.