웹마스터 팁
[HTML 초보자] 열거목록에 대한 스타일정의 첫번째
2003.03.05 10:32
이제 HTML에서도 열거목록(리스트)태그를 작성할 수있습니다. CSS와 혼합하여 사용 할 수있습니다.
오늘은 간단히 UL과 LI태그에 대해서 공부합니다. 아래의 소스를 보면 알겁니다.
1. <UL></UL>태그 사용 예
<HTML>
<HEAD>
<TITLE>html 목록작성하기</TITLE>
</HEAD>
<BODY>
<H3>순서없는 목록 작성하기</H3>
<B>컴퓨터 주변기기</B>
<UL>
<LI>프린터</LI>
<LI>스캐너</LI>
<LI>CD 드라이버</LI>
</UL>
<B>컴퓨터 주변기기</B>
<UL>
<LI TYPE="square">프린터</LI>
<LI TYPE="circle">스캐너</LI>
<LI TYPE="disc">CD 드라이버</LI>
</UL>
</BODY>
</HTML>
2. 설명
<UL>태그는 목록을 작성하기 위한 태그이며 <LI>태그는 LIST의 약자이고, 리스트로 순서로 나열됩니다.
그리고 LI에서 TYPE를 CIRCLE(반원형), SQUARE(사각형), DISC(원형)으로 만들 수있습니다.
오늘은 간단히 UL과 LI태그에 대해서 공부합니다. 아래의 소스를 보면 알겁니다.
1. <UL></UL>태그 사용 예
<HTML>
<HEAD>
<TITLE>html 목록작성하기</TITLE>
</HEAD>
<BODY>
<H3>순서없는 목록 작성하기</H3>
<B>컴퓨터 주변기기</B>
<UL>
<LI>프린터</LI>
<LI>스캐너</LI>
<LI>CD 드라이버</LI>
</UL>
<B>컴퓨터 주변기기</B>
<UL>
<LI TYPE="square">프린터</LI>
<LI TYPE="circle">스캐너</LI>
<LI TYPE="disc">CD 드라이버</LI>
</UL>
</BODY>
</HTML>
2. 설명
<UL>태그는 목록을 작성하기 위한 태그이며 <LI>태그는 LIST의 약자이고, 리스트로 순서로 나열됩니다.
그리고 LI에서 TYPE를 CIRCLE(반원형), SQUARE(사각형), DISC(원형)으로 만들 수있습니다.