우디의 개발스터디

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

by 개발자 우디

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

  • <ul></ul>
  • <ol></ol>

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

 

예시) ul

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

예시) ol

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

 

 

 

블로그의 정보

우디의 개발스터디

개발자 우디

활동하기