본문 바로가기
Programming/HTML, CSS

[HTML] 리스트를 만들어주는 태그들

by Bam_t 2020. 8. 19.
728x90

<li> : 리스트의 내용을 표시할 때 사용합니다. 순서가 있는/없는 리스트 모두 사용합니다.

 

 

<ul> : 순서가 없는 리스트(Unordered List)에 사용합니다. 기본값은 검은 원 모양입니다.

<ul> <li>

 

<ol> : 순서가 있는 리스트(Ordered List)에 사용합니다. 기본값은 아라비아숫자입니다.

<ol> <li>

 

순서를 만드는 <ol>태그와 <ul>태그는 서로 중첩이 가능합니다. 원하는 모양의 리스트를 얼마든지 만들 수 있습니다.

리스트 중첩


 

여행안내나 세미나안내를 보면 제목-설명 이런식으로 구성이 되어있는것을 본적이 있을것입니다. 이런식의 구성을 가진 설명리스트(Description List)를 만드는 태그가 따로 존재합니다.

 

<dl> : 설명목록을 만드는 태그입니다.

<dt> : 설명목록의 제목을 표시하는 태그입니다.

<dd> : 설명목록의 설명 내용을 표시하는 태그입니다.

<dl> <dt> <dd>

 

728x90

댓글