네이버클라우드 캠프 5기/학습내용 정리

24. HTML - 목록을 만들어주는 태그

박세류 2023. 5. 26. 11:08

1. 목록을 만들어 주는 태그

1. 순서없는 목록을 만들어 주는 ul

  1. ul(unordered list)의 약자
  2. ul 태그 안에 항목을 추가할 때는 li태그 사용
  3. ul 태그의 li 태그는 작은 원이나 사각형 같은 불릿을 표출
  4. css list-style-type 속성을 이용해서 불릿의 모양을 변경할 수 있다.

2. 순서가 있는 목록을 만들어주는 ol

  1. ol은 ordered list의 약자.
  2. ol 태그도 마찬가지로 항목을 만들 때는 li 태그 사용
  3. 목록의 번호의 표기방법이나 시작 숫자, 문자를 지정할 수 있다.
    • type : 번호의 표기방법 지정
          1 : 숫자로 순서를 표기  
          a : 영문 소문자로 순서를 표기  
          A : 영문 대문자로 순서를 표기  
          i : 로마숫자 소문자로 순서를 표기  
          I : 로마숫자 대문자로 순서를 표기  
    • start : 시작 번호, 문자 지정
    • reversed : 항목을 역순으로 표시
  4. ul, ol 태그에서 li태그를 사용할 때 닫는 li태그를 생략해도 다음 여는 li태그를 만나면 닫는 li태그가 존재하는 것처럼 인식

3. 목록의 중첩

  1. ul이나 ol 태그의 li태그 안에 다시 ul, ol태그를 열어서 목록을 중첩해서 사용할 수 있다.
728x90