웹마스터 팁
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] | 윈컴이 | 2013.09.23 |
[주옥시리즈]댓글창에 배경 이미지 넣기 [3] | socialskyo | 2013.09.22 |
스케치북 게시판에 로그인/로그아웃 버튼 만들기 [1] | Arp. | 2013.09.22 |
템플릿 compile 오류가 날 때 | Lansi | 2013.09.22 |
[주옥시리즈] 에디터 컴포넌트, 이모티콘등 앞으로 빼기 [4] | socialskyo | 2013.09.21 |
에디터 비활성화 오류시 점검해야 할것. [1] | 도라미 | 2013.09.20 |
Apache .htaccess 작성요령 [10] | 컴매냐 | 2013.09.19 |
웹사이트 최적화 방법론 [4] | 다크진 | 2013.09.17 |
모바일에서 스케치북 게시판 댓글 펼침이 안 될 때.... | 손자 | 2013.09.17 |
영문 스팸 방지 [13] | 스토리웨이 | 2013.09.16 |
스케치북 게시판 목록 홀수 줄 에만 배경지정 [3] | socialskyo | 2013.09.14 |
XP + IE8 에서 갑자기 페이지 오류메시지가 뜰 경우 [1] | 다크진 | 2013.09.14 |
에디터 비활성화 문제 해결했습니다! [2] | 엘로이스 | 2013.09.13 |
게시글 추천 아이피 가져오기 | Stellar | 2013.09.12 |
추천 취소 기능 만들기 [5] | Summer | 2013.09.11 |
[주옥시리즈] 배너 클릭시 포인트지급 모듈, Portal XE [1] | socialskyo | 2013.09.09 |
[주옥시리즈] [1.7.4] 로그인창 옆에 신규 쪽지 수 보여주기 [3] | socialskyo | 2013.09.09 |
[주옥시리즈]댓글 작성, 추천후 다운로드 받을수 있게 하기. | socialskyo | 2013.09.09 |
[주옥시리즈]글 목록을 조회수 별로 색상 지정하기 | socialskyo | 2013.09.09 |
[주옥시리즈]댓글 작성, 추천후 다운로드 받을수 있게 하기. | socialskyo | 2013.09.09 |