HTML 목록 태그
이번 시간에는 목록 태그에 대하여 알아 봅시다
<UL> 태그 - 번호가 없는 리스트(Unordered List)
■ 기본
<UL> 태그 : 번호가 없는 리스트(Unordered List)
<LI> : 리스트 항목
■ 사용법
<UL>
<LI TYPE= "DISK" 또는 "CIRCLE" 또는 "SQUARE"> 리스트 항목</LI>
</UL>
■ 예제
- 태그
<UL>
<LI>대항목</LI>
<UL>
<LI>중항목</LI>
<UL>
<LI>소항목1</LI>
<LI>소항목2</LI>
</UL>
</UL>
</UL>
- 대항목
- 중항목
- 소항목1
- 소항목2
<OL> 태그 : 번호가 있는 리스트(Ordered List)
■ 기본
<OL> 태그 : 번호가 있는 리스트(Ordered List)
<LI> : 리스트 항목
■ 사용법
<OL>
<LI> 리스트 항목</LI>
</OL>
■ 예제
- 태그
<OL>
<LI>대항목</LI>
<OL>
<LI>중항목</LI>
<OL>
<LI>소항목1</LI>
<LI>소항목2</LI>
</OL>
</OL>
</OL>
- 결과
- 대항목
- 중항목
- 소항목1
- 소항목2
<MENU> 태그 : 메뉴 리스트
■ 기본
<MENU> 태그 : 메뉴 리스트
<LI> : 리스트 항목
■ 사용법
<MENU>
<LI> 리스트 항목</LI>
</MENU>
■ 예제
- 태그
<MENU>
<LI>대항목</LI>
<MENU>
<LI>중항목</LI>
<MENU>
<LI>소항목1</LI>
<LI>소항목2</LI>
</MENU>
</MENU>
</MENU>
- 결과
<DIR> 태그 : 티렉토리 리스트 ■ 기본 <DIR> - 결과
<DIR> 태그 : 티렉토리 리스트
<LI> : 리스트 항목
■ 사용법
<DIR>
<LI> 리스트 항목</LI>
</DIR>
■ 예제
- 태그
<LI> /aaa/bbb </LI>
<LI> /ccc/ddd </LI>
</DIR>
'프로그래밍 > HTML, CSS, JavaScript' 카테고리의 다른 글
HTML 링크(연결) 태그 (2) | 2017.12.11 |
---|---|
HTML 이동 태그 (4) | 2017.12.10 |
HTML 단락 서식 태그 (8) | 2017.12.07 |
HTML 문자 서식 태그 (0) | 2017.12.01 |
HTML 기본태그 - BODY / 주석 / 제목 태그 (0) | 2017.11.29 |