웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
1 - 4. 목록 및 표 작성
2003.02.25 06:15
⑴ 목록 작성
목록은 작업의 순서를 기술하거나 선택 항복 등을 차례로 나열할 때에 이용하는 태그이다. 번호가 없이 나영되는 목록을 만들 때에는 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>
목록은 작업의 순서를 기술하거나 선택 항복 등을 차례로 나열할 때에 이용하는 태그이다. 번호가 없이 나영되는 목록을 만들 때에는 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>
댓글 2
-
영이
2003.10.02 11:13
-
유재웅
2005.02.26 13:43
<TD> 2행 1열 </TD>
<TD> 2행 2열 </TD>
<TD> 2행 3열 </TD>
로 바꾸세요. 잘 됩니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
기존 사용자를 Group 으로 설정하기 (servu4.0) | 이성헌 | 2005.12.15 |
디렉토리 잠금시 group 현상 (servu4.0) | 이성헌 | 2005.12.15 |
사용자 Group 만들기 (servu4.0) | 이성헌 | 2005.12.15 |
그룹설정의 기본 (servu4.0) | 이성헌 | 2005.12.15 |
기존 사용자의 계정 사본 만들기 (servu4.0) | 이성헌 | 2005.12.15 |
Quota (servu4.0) | 이성헌 | 2005.12.15 |
사용자 계정 자동 삭제 (servu4.0) | 이성헌 | 2005.12.15 |
필터 조건을 만족하는 로그 정보 확인 (servu4.0) | 이성헌 | 2005.12.15 |
특정 사용자 추방 (servu4.0) | 이성헌 | 2005.12.15 |
특정 접속자 감시 (servu4.0) | 이성헌 | 2005.12.15 |
서버 접속자에게 Message 보내기 (servu4.0) [2] | 이성헌 | 2005.12.15 |
UL/DL Ratios (servu4.0) | 이성헌 | 2005.12.15 |
도메인 > settings > Logging (servu4.0) | 이성헌 | 2005.12.15 |
아파치인증 c 드라이버에서 성공예 | 이성헌 | 2005.12.15 |
서버의 지워지지 않는 파일삭제 - 명령어 | 이성헌 | 2005.12.15 |
httpd.conf 3차 설정본 - Virtualhost | 이성헌 | 2005.12.15 |
두개 이상의 홈페이지 운영 - Virtual host 설정 [1] | 이성헌 | 2005.12.15 |
Server on , off messaging | 이성헌 | 2005.12.15 |
apache htconf 설정부분만 -php,virtual,alias | 이성헌 | 2005.12.15 |
존재하지 않은 파일 선택시 에러메시지 보임. [1] | 이성헌 | 2005.12.15 |
전 나모에서 표를 만들어 html 을 복사해서 이지보드, 티티보드에 붙이면 제대로 뜨는데
똑같은 방식으로 제로보드에 붙여넣기하면 공간이 많이 생기고 표도 높이가 왕창 커진 표로 나타납니다.
위의 html 방식으로 게시판에 넣으면 제대로 뜨나요?