[HTML] ul, ol, li 태그(목록, 리스트 나열)

  • shape image
  • shape image
[HTML] ul, ol, li 태그(목록, 리스트 나열)




HTML 에서는 크게 순서가 있는 리스트, 순서가 없는 리스트 2가지로 나누는데, 순서가 없는 리스트는 Unordered List 의 약어인 ul 태그를 사용하고 순서가 있는 리스트는 Ordered List 의 약어인 ol 태그를 사용한다.

  • ul /ul
  • ol /ol

순서의 여부를 통해 ulol 중에 필요한 것을 정하면 이제 그 안에 리스트 항목들을 채워넣어야 하는데 안에 들어가는 항목은 공통으로 <li> 태그를 사용한다.

예시) ul

<ul>
	<li>순서가</li>
	<li>없는</li>
	<li>리스트</li>
<ul>

예시) ol

<ol>
	<li>순서1</li>
	<li>순서2</li>
	<li>순서3</li>
<ol>



EuiSangYu
EuiSangYu

Backend developer.
Working at TranscosmosKorea.

일반 댓글


개발자 전용 댓글