웹마스터 팁

  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>
이 게시물을
수정 삭제
좋아요
목록
태그 쓰기