HTML & CSS

html 태그 - 목록을 만드는 <ul>, <ol>, <li> 태그

chillcoder 2023. 4. 6. 14:33

목록을 만들 때 쓰이는 태그는 크게 다음과 같다.

 

  • <ol> : ordered list의 약자로, 번호가 매겨진 순서가 있는 목록을 만든다.
  • <ul> : unordered list의 약자로, 순서 없는 목록을 만든다.
  • <li> : list의 약자로, 목록을 만드는 태그입니다. <ul></ul> 태그 혹은 <ol></ol> 태그 내부에 들어간다.

 

예를 들어, 

		<ol>
		    <li>목록</li>
		    <li>목록</li>
		    <li>목록</li>
		</ol>

		<ul>
		    <li>목록</li>
		    <li>목록</li>
		    <li>목록</li>
		</ul>

 

를 출력하면 아래와 같이 나온다.

  1. 목록
  2. 목록
  3. 목록
  • 목록
  • 목록
  • 목록

'HTML & CSS' 카테고리의 다른 글

[HTML&CSS] Emmet - HTML element 생성하기  (0) 2023.12.21