Front/HTML

[HTML5] 목록을 정의하는 태그 : <ul>, <ol>, <dl>

헹창 2020. 8. 18.
반응형

[HTML5] 목록을 정의하는 태그 : <ul>, <ol>, <dl>

 

<li></li> 태그는 list의 약자로, 목록을 만드는 태그이다.

 

이 태그는 단독으로 쓰이지 않으며 <ul></ul> 혹은 <ol></ol> 태그 내부에 들어간다.

 

 

- ol Tag

 

ordered list, 순서가 정의되어있는 리스트

 

<ol>
	<li>나혼자산다</li>
	<li>놀면뭐하니?</li>
	<li>런닝맨</li>
</ol>

 

 

 

- ul Tag

 

unordered list, 순서가 정의되어있지 않는 리스트

 

<ul>
	<li>나혼자산다</li>
	<li>놀면뭐하니?</li>
	<li>런닝맨</li>
</ul>

 

 

 

 

- dl Tag

 

definition list, 단순히 어떤 내용 혹은 용어를 설명하기 위한 리스트

 

<dt></dt>는 difinition term (정의 용어)의 약자로, 정의되는 용어의 제목을 넣을 때 사용한다.

<dl></dl>은 definition description (정의 설명)의 약자로, 용어롤 설명하는 데 사용한다.

 

<dl>
	<dt>영화</dt>
	<dd>범죄도시</dd>
	<dt>드라마</dt>
	<dd>스카이캐슬</dd>
</dl>

 

 

 

 

728x90
반응형

댓글

추천 글