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
'네이버클라우드 캠프 5기 > 학습내용 정리' 카테고리의 다른 글
26. HTML - 이미지와 하이퍼링크 (0) | 2023.05.26 |
---|---|
25. HTML - 테이블을 만들어주는 태그 (0) | 2023.05.26 |
23. HTML - 텍스트 관련 태그 (0) | 2023.05.26 |
22. HTML - HTML이란? (0) | 2023.05.03 |
21. ORACLE - JDBC (0) | 2023.05.02 |