티스토리 뷰

@Develop/web

HTML 기본태그: 목록 태그

조준점 2018. 6. 27. 22:17


안녕하세요 AimHo 입니다.

이번에는 HTML 기본태그 두 번째 목록태그에 대해 알아보겠습니다.


현대 웹 페이지에서 빠지지 않고 등장하는 요소가 바로 네비게이션 목록입니다.

이번에 다룰 목록 태그는 이 네비게이션 목록을 만들 때 주로 사용합니다.



※네비게이션 목록이란?

아래 그림처럼 웹 사이트의 다른 웹 페이지로 이동 할 수 있는 버튼들을 모아둔 것을 말합니다.




목록태그


목록태그에는 글머리 기호 목록과 순서 번호 목록이 있는데, 

글머리 기호 목록 부터 살펴 보도록 하겠습니다. 


글머리 기호 목록은 아래표에 제시된 태그를 사용하여 만들 수 있습니다. 
ul 태그는 unordered list를 의미하고 li 태그는 list item을 의미합니다.



  • 사과
  • 바나나
  • 오렌지
  • 사과
  • 바나나
  • 오렌지

순서가 있는 번호 목록을 생성할 때는 아래표에 제시된 태그를 사용합니다.

ol 태그는 ordered list를 의미합니다.



  1. 사과
  2. 바나나
  3. 오렌지
  1. 사과
  2. 바나나
  3. 오렌지


댓글
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
최근에 올라온 글
최근에 달린 댓글
방문자 현황
Total
Yesterday
Today