홈피만들기/홈피제작/홈피꾸미기/무료홈페이지만들기/개인홈페이지제작/홈페이지만드는방법/무료개인홈페이지/html 홈페이지/html 목록태그/html 목록만들기/순서없는 목록만들기/html강좌/html기본소스/

9-2. 목록 만들기 - 순서없는 목록

(나) 순서없는 목록 - <UL>, <LI>

나열되는 목록의 내용이 순서가 없거나 

번호 대신 글머리표 기호를 붙이는 목록표시방법이다.

① <UL> .... </UL> - 태그 속의 내용이 순서 

없는 목록을 의미한다.

② <LI> - 목록에 번호 없음을 의미한다.

③ <UL> .... </UL> - 태그 속에 <LI>라는 태그를 

사용하며, <LI>는 </LI> 없이 단독으로 사용된다.

④ <LI>에는 또 <LI TYPE=(속성값)> 형식의 사용으로 

기호 형태를 다르게 지정할 수 있다.

(형식) <UL>
 
<LI>
 
<LI TYPE=(속성값)>
 
</UL>

(예) <LI> - 번호없음 표시
 
<LI TYPE=circle> - 원 모양의 글머리표 표시
 
<LI TYPE=square> - 사각형 모양의 글머리표 표시

(실습 - html기본소스)

<HTML>

<HEAD> <TITLE>순서가 없는 목록</TITLE> </HEAD>

<BODY>
 
<UL>
 
<LI> 서울특별시
 
<LI> 부산광역시
 
<LI> 경상남도
 
<UL> 
 
<LI> 진주시
 
<LI> 마산시
 
<LI> 사천시
 
</UL>
 
<LI> 전라남도
 
<UL> 
 
<LI> 목포시
 
<LI> 여수시
 
<LI> 순천시
 
</UL>
 
</UL>

</BODY>

</HTML>