본문 바로가기

Programming

HTML5+CSS3 - 목록 관련 태그

<ul>,<ol>,<li> 태그 - 목록 만들기


<ul>

  <li>내용</li>

  <li>내용</li>

</ul>


<ol [속성="속성값"]>

  <li>내용</li>

  <li>내용</li>

</ol>


순서가 필요하지 않은 목록에는 <ul>

순서가 필요한 목록에는 <ol>

<li>는 각 항목을 넣을 때 사용한다.

CSS에서 불릿 모양 변경 가능


<ol> 목록은 속성을 통해 모양 변경이 가능하다.

1. type : 기본값은 1,2...

  1=숫자

  a=영문소문자

  A=영문대문자

  i=로마숫자소문자

  I=로마숫자대문자

2. start : 기본값은 1. 시작번호를 지정할 수 있다.

3. reversed : 역순으로 표시한다.



<dl>,<dt>,<dd> 태그 - 정의 목록 만들기


<dl>

  <dt>제목</dt>

  <dt>제목</dt>

</dl>


제목과 설명으로 이루어진 목록.

<dt>는 제목, <dd>는 설명을 표시한다.