웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
XE 업로드 먹통시 1.7.8 버전 - 추가로 질문포함. [1] | artsmi.myid.net | 2014.03.12 |
카운터위젯 - 오늘 가입한 회원수 전체 회원수 출력 [5] | 공수래 | 2009.11.01 |
쭘식 메뉴만들기 - 세로 슬라이드 메뉴 [11] | 쭘's | 2003.04.29 |
[html 초보용] 홈페이지 무작정 따라하기!② [3] | 깻잎사랑=_=v | 2003.04.14 |
[html 초보용] 홈페이지 무작정 따라하기!① [6] | 깻잎사랑=_=v | 2003.04.14 |
노프레임홈페이지 디비기 4 - 쌍벽 [36] | 리디 | 2003.04.08 |
노프레임홈페이지 디비기 3 - 경로 [42] | 리디 | 2003.03.31 |
쭘's식 홈페이지 만들기 No.2 - 예제 미리보기 포함 [14] | 쭘's | 2003.03.30 |
노프레임홈페이지 디비기 2 - 헤더와 풋터 [57] | 리디 | 2003.03.26 |
펼침 목록 메뉴 만들기! (나모) - 쭘's [8] | 쭘's | 2003.03.25 |
노프레임홈페이지 디비기 1 - 계층 [16] | 리디 | 2003.03.25 |
쭘's 식 쉽게 홈페이지 만들기 [15] | 쭘's | 2003.03.17 |
[나모] CSS 만들기 III | 쭘's | 2003.03.12 |
[나모] CSS 만들기 II | 쭘's | 2003.03.12 |
[나모] CSS 만들기 I | 쭘's | 2003.03.12 |
[나모] 책갈피 만들기 [5] | 쭘's | 2003.03.12 |
[HTML 초보자] 열거목록에 대한 스타일정의 두번째 | ZipShin | 2003.03.08 |
[HTML 초보자] 열거목록에 대한 스타일정의 첫번째 [1] | ZipShin | 2003.03.05 |
Select 박스의 글자색 다르게 하기 [2] | 깜보 | 2003.02.16 |
[특강] 마우스 커서를 아이콘으로 바꿀수있다. [11] | ZipShin | 2003.01.21 |