[HTML] ul, ol

ul, ol

ul과 ol은 HTML에서 리스트(목록)를 만들 때 사용하는 태그이다.

 

✅ ul (unordered list, 순서 없는 목록)

보통 점(•)이나 기호로 표시됨

<ul>
  <li>사과</li>
  <li>바나나</li>
  <li>포도</li>
</ul>

 

 

✅ ol (ordered list, 순서 있는 목록)

숫자나 문자 등 순서가 있음

<ol>
  <li>첫 번째 단계</li>
  <li>두 번째 단계</li>
  <li>세 번째 단계</li>
</ol>

 

 

✅ 스타일 조정 (CSS 예시)

ul {
  list-style-type: disc; /* ● 기본값 */
}

ol {
  list-style-type: decimal; /* 1. 2. 3. */
}

/* 공통 마진/패딩 제거 */
ul, ol {
  margin: 0;
  padding-left: 20px;
}

 

 

필요하면 list-style-type을 바꿔서 기호 모양도 조정할 수 있다.

값	설명
disc	● 기본 (ul용)
circle	○ 원형
square	■ 사각형
decimal	1, 2, 3... (ol 기본)
lower-alpha	a, b, c...
upper-roman	I, II, III...