네이버클라우드 캠프 5기/학습내용 정리
24. HTML - 목록을 만들어주는 태그
박세류
2023. 5. 26. 11:08
1. 목록을 만들어 주는 태그
1. 순서없는 목록을 만들어 주는 ul
- ul(unordered list)의 약자
- ul 태그 안에 항목을 추가할 때는 li태그 사용
- ul 태그의 li 태그는 작은 원이나 사각형 같은 불릿을 표출
- css list-style-type 속성을 이용해서 불릿의 모양을 변경할 수 있다.
2. 순서가 있는 목록을 만들어주는 ol
- ol은 ordered list의 약자.
- ol 태그도 마찬가지로 항목을 만들 때는 li 태그 사용
- 목록의 번호의 표기방법이나 시작 숫자, 문자를 지정할 수 있다.
- type : 번호의 표기방법 지정
1 : 숫자로 순서를 표기 a : 영문 소문자로 순서를 표기 A : 영문 대문자로 순서를 표기 i : 로마숫자 소문자로 순서를 표기 I : 로마숫자 대문자로 순서를 표기
- start : 시작 번호, 문자 지정
- reversed : 항목을 역순으로 표시
- type : 번호의 표기방법 지정
- ul, ol 태그에서 li태그를 사용할 때 닫는 li태그를 생략해도 다음 여는 li태그를 만나면 닫는 li태그가 존재하는 것처럼 인식
3. 목록의 중첩
- ul이나 ol 태그의 li태그 안에 다시 ul, ol태그를 열어서 목록을 중첩해서 사용할 수 있다.
728x90