HTML5 기본 태그( 목록 태그)
1. <li>태그
-<LI>~</LI> : 항목을 추가할 때 쓰며 종료 태그 </LI>는 생략할 수 있다.
리스트에 독립적인 번호를 부여할 때 사용한다.
-(순서 없는 목록)TYPE=disc,circle,square(소문자로 사용)
-DISC: ●
-CIRCLE:○
-SQUARE:■
ex)
<!doctype html>
<html>
<head><title> 목록태그연습</title></head>
<body>
<h2>리스트 작성하기 </h2>
<hr>
<br>
<font size=5 color=blue> 방 향 </font>
<li> 동(east)</li>
<li> 서(west)</li>
<li> 남(south)</li>
<li> 북(north)</li>
</body>
</html>
2. 순서 있는 목록 만들기
- Ordered List의 단어를 줄여서 만든 태그.
- <OL>~</OL>태그를 이용해서 작성한다.
- 순서 있는 목록 즉, 목록 앞에 숫자를 붙여서 순서를 가지는 목록을 만들 때 사용합니다.(기본값은 숫자)
-TYPE 속성
TYPE=A, a, I(i), i, 1 의 값을 가질 수 있다.
A: 대문자 알파벳 a: 소문자 알파벳
I: 대문자 로마숫자 i: 소문자 로마숫자
1: 숫자
START=n 리스트의 시작 번호를 임의로 바꿀 수 있다.
ex)
<!doctype html><html>
<head><title> 목록만들기 </title></head>
<body>
<h2> 순서 있는 목록 </h2>
<hr color=orange noshade>
<br><font size=4 color= red><b> 요일</b></font>
<font size=4 color= blue>
<OL type=1>
<li> 월요일</li>
<li> 화요일</li>
<li> 수요일</li>
<li> 목요일</li>
<li> 금요일</li>
<li> 토요일</li>
<li> 일요일</li> </font>
</OL></body></html>
3. 순서 없는 목록 만들기
- Unordered List의 단어를 줄여서 만든 태그.
- <UL>~</UL>태그를 이용해서 작성한다.
- 목록 앞에 기호를 붙여서 순서 없는 목록을 만들 때 사용합니다.(기본값은 DISC)
- TYPE=disc, cir cle, square
DISC: ●
CIRCLE:○
SQUARE:■
ex)
<html>
<head><title> 목록만들기</title></head>
<body>
<h2> 순서 없는 목록 </h2>
<hr color=orange noshade>
<br><font size=4 color= red><b> 요일</b></font>
<font size=4 color= blue>
<UL type=square>
<li> 월요일</li>
<li> 화요일</li>
<li> 수요일</li>
<li> 목요일</li>
<li> 금요일</li>
<li> 토요일</li>
<li> 일요일</li> </font>
</UL></body></html>