HTML

리스트 만들기 <ol>,<ul>,<dl>, 중첩리스트

뚜벅뚜벅뚜벅이 2022. 7. 8. 21:07
반응형

리스트는 데이터를 나열할때 사용하며 세가지 종류가 있다.

1. 순서가 있는 리스트 ordered list -<ol></ol>

2. 순서 없는 리스트 unordered list - <ul></ul>

3. 정의 리스트 definition list - <dl></dl>

리스트의 각아이템들은 <li> </li> 태그를 사용한다.

<ol> 태그의 경우 어떻게 order 할지 type을 정할 수 있다.

이것은 marker라고 한다. 지정할 수 있는 타입의 종류는 다음과 같다.

type="1"

type="A"

type="a"

type="I" (로마숫자)

type="i"

start="마커의 시작값"

예를 들어 start="5" 라고 쓸경우 5부터 시작하는 리스트를 만든다.

<dl>는 용어와 설명을 하나의 아이템으로 나열하는 리스트이다. 정의 리스트 전체는 <dl>을 사용하고, 각 아이템에서 용어는 <dt>로, 설명은 <dd>로 표현한다.


중첩리스트 만들기

중첩리스트를 만들어 봅시다.

<ol>또는 <ul> 태그에 <li>로 리스트를 만들고 <li>안에 다시한번 <ol> 또는 <li>를 사용하면 만들 수 있다.

중첩리스트

반응형