웹마스터 팁

  2. Support
  3. 웹마스터 팁

1 - 4. 목록 및 표 작성

2003.02.25 06:15

wony

⑴ 목록 작성
목록은  작업의 순서를 기술하거나 선택 항복 등을 차례로 나열할 때에 이용하는 태그이다. 번호가 없이 나영되는 목록을 만들 때에는 UL(unordered list) 태그를 사용하고, 항목에 순서가 있는 목록을 만들려고 하는 경우에는 OL(or-dered list) 태그를 사용한다
<UL>이나 <OL> 태그에서 나영되는 각 항목은 <LI> 태그를 사용하여 표시한다.

　사용형식 : <UL> … </UL>
　　　　　    <OL> … </OL>

특정 용어를 정의하는 정의 목록을 만들고자 하는 경우에는 DL(definition list) 태그를 사용한다. 이 태그 내에서는 <LI> 태그 대신에 <DT>와 <DD> 태그를 사용한다.

* 위의 예제를 <OL> 태그를 이용하여 작성한 예

<HTML>
<HEAD><TITLE> 목록 작성 </TITLE></HEAD>
<BODY>
        <OL> 순서 있는 목록
        　<LI> 첫 번째
        　<LI> 두 번째
        　<LI> 세 번째
        </OL>
</BODY>
</HTML>

⑵ 표 작성

표를 작성하고자 할 때에는 <TABLE> 태그를 이용한다. 다음은 표를 만들때에 사용되는 태그를 설명한 것이다.
　㈎ <TR> … </TR> : 표의 행을 한 줄 추가한다
　㈏ <TD> … </TD> : 표 안에 들어갈 데이터를 표시한다
　㈐ <TH> … </TH> : 표 안에 들어갈 열의 제목을 표시한다
　
* 다음은 2개의 행과 3개의 열을 가지는 표를 작성한 예이다. 여기에서 <TABLE> 태그 내의 BORDER 속성은 표 테두리의 굵기를 지정하여 화면에 표시한다.
<CAPTION> 태그는 표의 제목을 표시해 주는 역활을 한다.

<HTML>
<HEAD><TITLE> 표 작성 </TITLE></HEAD>
<BODY>
        <TABLE BORDER=2>
        <CAPTION> 표 제목 </CAPTION>
        　<TH> 1 열의 제목 </TH>
        　<TH> 2 열의 제목 </TH>
        　<TH> 3 열의 제목 </TH>
        　<TR>
        　<TD> 2행 1열 <TD>
        　<TD> 2행 2열 <TD>
        　<TD> 2행 3열 <TD>
        　</TR>
        </TABLE>
</BODY>
</HTML>
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
외부로그인을 어떻게 생성 하나요? [3] 엄경선 2011.02.08
관리자가 회원목록에서 한번에 보이는 회원수 늘리고플때 sejin7940 2011.02.10
"서버에 요청중입니다" 메세지(혹은 다른 메세지, DB접속실패 등) 바꾸기 Cloverworld 2011.02.08
[왕초보팁] 2차 메뉴를 레이아웃 스킨에 넣을 때 [2] HolyJohn 2011.01.21
게시판 관리자 표시하기... [6] file 카르마 2011.02.05
XE 용량 효과적으로 줄이기 [13] 코스트렐리아 2010.07.30
랜덤 이미지 롤링위젯스킨에서 컬러셋이 적용되지 않는분은 필독! file xemall 2011.02.02
사이트 모니터링 알리미에요...^^ [3] file web 2010.12.10
"서버에 요청중..." 메세지 없애기 [3] SeoSeungHyun 2011.01.11
레이아웃수정시 참고할 zbXe레이아웃스킨의 css와 layout 상관관계(1.0.0 기본스킨) [21] file 갯가 2008.04.08
IE6부터 IE9까지 대응하기. [7] 정찬명 2010.10.13
탈퇴회원 아이디 재사용 막는 법 [5] 한꼬마 2011.01.18
XE 기본 서식 - 검정 바탕용 : p, div, br 없는 기본 서식입니다. [5] file LutZ 2010.07.01
홈페이지 브라우저 크기 고정시키기 코아 코스튬 2011.01.30
XE 속도 0.0001초라도 올리는 소소한 팁들 (추가) [5] 소렌트. 2010.11.16
좋은 PHP 강좌 사이트들 [1] HolyJohn 2010.12.29
?=down [4] L-Goon 2009.01.19
(게시물, 서명) 원하는 곳에 서명 출력하기 [10] file Simulz 2007.10.08
'대표도메인'연결후 '로그인'이 안될때,,(먹통) moonlight994 2011.01.24
회원확장정보 변수 (출처:sMaker) [5] 시니시즘 2010.07.19
태그 쓰기