Blog Content

    티스토리 뷰

    11.HTML- 목록태그

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

    <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 : 원모양
     OLTYPE 속성을 사용하여 원하는 스타일로 바꿀 수 있습니다.
    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>태그가 있습니다.
    반응형

    'jQuery | javascript | CSS' 카테고리의 다른 글

    13.HTML- URL(URI)의 구조  (0) 2009.07.23
    12.HTML- MARQUEE  (0) 2009.07.23
    10.HTML- 문자열 형태 정의 태그  (0) 2009.07.22
    09.HTML- 문단 정렬 관련 태그  (0) 2009.07.22
    08.HTML- 글자(폰트)  (0) 2009.07.22

    Comments