웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[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(원형)으로 만들 수있습니다.
댓글 1
제목 | 글쓴이 | 날짜 |
---|---|---|
점선 테이블 만둘기 강좌(중복이면.. 지워주세요) [4] | 라엘 | 2003.02.10 |
[HTML 초보자] 동영상과 함께 자막도 재생하여 보자 [8] | ZipShin | 2003.02.11 |
링크관련 ^^ [27] | K.샘 | 2003.02.13 |
오픈창 닫기 [7] | 깜보 | 2003.02.16 |
아이프레임 자동으로 크기 맞추어 주기.. [9] | S,CAC | 2003.02.16 |
Select 박스의 글자색 다르게 하기 [2] | 깜보 | 2003.02.16 |
[HTML 초보자] 프레임 나누기 기초 [1] | ZipShin | 2003.02.20 |
배경음악 여러개 나오게 하기.. [6] | 라엘 | 2003.02.23 |
1 - 1. HTML 문서 | wony | 2003.02.25 |
1 - 2. HTML 문서의 구성 | wony | 2003.02.25 |
1 - 3. 글자 및 양식 관련 태그 | wony | 2003.02.25 |
1 - 4. 목록 및 표 작성 [2] | wony | 2003.02.25 |
1 - 5. HTML 문서의 연결 | wony | 2003.02.25 |
1 - 6. 프레임 [3] | wony | 2003.02.25 |
[HTML 초보자] 프레임셋의 기타 설정 [3] | ZipShin | 2003.02.26 |
[HTML 초보자] 쉽게 버튼 만들자 | ZipShin | 2003.02.28 |
[HTML 초보자] 테이블태그 테두리 효과 - frame 옵션의 활용 [1] | ZipShin | 2003.02.28 |
[HTML 초보자] 열거목록에 대한 스타일정의 첫번째 [1] | ZipShin | 2003.03.05 |
[HTML 초보자] 열거목록에 대한 스타일정의 두번째 | ZipShin | 2003.03.08 |
[HTML 초보자] 열거목록에 대한 스타일정의 세번째 | ZipShin | 2003.03.12 |