11.HTML- 목록태그

Godffs 2009. 7. 23. 01:24

목록태그와 용어 정리 목록 태그에 대해 설명드리겠습니다.
목록 태그

<UL>...</UL> : 번호를 붙이지 않은 목록

<OL>...</OL> : 번호를 붙인 목록

<LI> : <UL><OL>과 함께 쓰여 목록을 정의

<div>
<h3>우리가 배울 과목</h3>
    <ul type="disk">
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
    </ul> <hr />

    <h3>중요 과목 (예제1)</h3>
    <ol type="I" start="3">
        <li>OS : Windows Server</li>
        <li>DBMS : SQL Server</li>
        <li>IDE : Visual Studio</li>
    </ol> <hr />

    <h3>중요 과목 (예제2)</h3>
    <ol type="I" start="3">
        <li>OS : Windows Server</li>
        <li>DBMS : SQL Server</li>
        <li>IDE : Visual Studio</li>
        <ul>
            <li>C#</i>
            <li>ASP.NET</i>
            <li>SilverLight</i>
            <li>WPF/WCF</i>
        </ul>
    </ol> <hr />
</div>

그림11-1

UL의 TYPE 속성으로는 DISC, SQUARE, CIRCLE 3가지가 있습니다.
DISC : 원반 모양 (초기값)
SQUARE : 정사각형 모양
CIRCLE : 원모양

OL의 TYPE 속성을 사용하여 원하는 스타일로 바꿀 수 있습니다.
A , a : 알파벳 대문자, 소문자를 순서로 표시
I, i : 로마숫사 대문자, 소문자를 순서대로 표시
1 : 아라비아 숫자 순서대로 표시 (초기값)
START속성 : 리스트의 시작 순서값을 표현가능

용어정리 목록 태그
<DL>...</DL> : 용어 정의 목록의 시작과 끝을 정의
<DT>...</DT> : 용어 앞에 쓰여 용어를 정의
<DD>...<DD> : 용어에 대한 상세 정보를 기술

<div>
   <dl>
        <dt>ASP.NET</dt>
        <dd>.NET 기반의 웹 개발 기술</dd>
        <dt>SilverLight</dt>
        <dd>RIA를 위한 웹 브라우저 플러그인</dd>
   </dl>
    </div>

그 밖에 사용되는 매뉴 태그로는
메뉴리스트인 <MENU>태그, 디렉토리 리스트인 <DIR>태그가 있습니다.