본문 바로가기

프로그램/코딩

[HTML]목록 만들기 ol, ul, li

728x90
반응형

목록 만들기

글이 길 경우 각 주제에 맞게 목차를 만들면 보는 입장에서 편하다

그리고 어떠한 동일한 주제를 갖고 있는 글 같은 경우에는 목록을 많이 사용한다

목록을 만들어주는 태그는 li태그이다

목록의 성향에 따라서 순서를 나타낼 필요가 있고, 순서가 필요없는 경우가 있다

 

예를 들면

목차(ol태그)
  1. HTML
  2. CSS
메뉴(ul태그)
  • 삼각김밥
  • 도시락

li태극의 어미로 ol/ul태그가 오는냐에 따라 숫자/점이 붙게 된다

홈페이지의 메뉴바 역시 목록과 같은 성질이기 때문에 주로 li태그에 CSS를 주어서 메뉴바를 만든다

See the Pen Untitled by korearaogong (@korearaogong) on CodePen.

728x90
반응형