07_list태그

리스트에는 3가지 종류가 있다.

1. UL : 정렬 넘버가 없는 리스트

2. OL : 정렬 넘버가 있는 리스트

3. DL : 리스트안의 리스트

 

ul 태그는 정렬 넘버가 없는 리스트를 만드는 태그로서

위와 같이 ul태그로 열고 닫으며 그 안에 li태그를 통해서 리스트의 목록을 넣을수 있다. style은 스타일 형태를 지정할 수 있으며 default값은 disc이다.

default로 리스트를 생성할 경우 li태그로 추가한 항목들 앞에 검정색 동그라미가 붙는 것을 확인 할 수 있다.

ol 리스트의 사용법이다.

ul과 같이 ol태그로 묶고 li태그를 통해서 항목을 추가한다. type을 통해 타입을 설정할 수 있고 default 값은 1이다.

default 값으로 ol을 출력한 모습이다.

마지막으로 dl 태그를 확인해보자

위와 같이 dl태그 안에 dt태그로 항목을 추가하고 dt태그 안에 dd태그로 항목을 한 번더 추가할 수가 있다.

HTML, CSS, JAVA Script, J-Query 항목을 갖은 리스트안에 a태그, img태그, li태그 항목을 갖은 리스트가 들어간 모습을 확인 할 수 있다.