html5 : <ul> <ol> <li> 자주 쓰이는 목록 태그

1. 목록을 만드는 태그 정리

 

목록을 만드는 태그로는 ul 과 ol이  쓰인다.

 

<ul>  순서가 없는 리스트를 만들 때 사용한다.
<ol>  순서가 있는 리스트를 만들 때 사용한다.
<li> 태그는 list를 의미한다
독립적으로 사용이 불가하여 <ul>  <ol> 태그와 함께 사용한다.

 

2. 예시

 

순서가 있는 목록과 순서가 없는 목록을 만들어봣다.

3. 적용 화면

 

아래와 같이 목록이 생긴다. 스타일은 자동으로 지정되어서 생긴다(아래 없애는 방법이 있음)

ul은 자동으로 번호가 만들어 진다.

 

** 팁

 

CSS를 통해서 리스트에 스타일이 생기는 것을 없앨 수 있다.

head 태그에 list-style none을 설정하면 된다!

 

 

head 태그에 list-style none을 설정 시 아래와 같이 스타일이 없어진다.