HTML 목록

    2018-02-13 14:58:18 작성

    순서없는 목록

    순서가 지정되지 않은 목록은 <ul> 태그로 시작합니다.
    각 항목은 <li> 태그로 시작합니다.

    목록항목의 기본마크는 disc(작은 검은색 원)로 표시됩니다.
    목록항목의 마크는 CSS의 list-style-type 속성으로 정의합니다.

    list-style-type 보기
    설명
    disc 작은 원으로 표시합니다.
    circle 작은 동그라미로 표시합니다.
    square 작은 사각형으로 표시합니다.
    none 항목의 마크를 표시하지 않습니다.

    순서있는 목록

    순서가 지정된 목록은 <ol> 태그로 시작합니다.
    각 항목은 <li> 태그로 시작합니다.


    type

    목록항목의 기본마크는 숫자로 표시됩니다.
    <ol> 태그의 type 속성으로 지정할 수 있으며, CSS의 list-style-type 속성으로 보다 많은 형식을 지정할 수 있습니다.

    type 속성의 값list-style-type 보기
    설명
    1 (기본값), 10진수로 표시 (1, 2, 3, 4)
    a 영문 소문자로 표시 (a, b, c, d)
    A 영문 대문자로 표시 (A, B, C, D)
    i 로마숫자 소문자로 표시 (i, ii, iii, iv)
    I 로마숫자 대문자로 표시 (I, II, III, IV)


    start, value

    <ol> 태그의 start 속성으로 숫자를 지정하면 시작항목의 번호를 지정할 수 있습니다.
    <li> 태그의 value 속성으로 숫자를 지정하면 항목의 번수를 중간에 변경할 수 있습니다.


    reversed

    reversed 속성은 목록의 순서를 내림차순으로 표시합니다.
    reversed 값없이 사용되며 XHTML의 경우 reversed="reversed" 로 정의합니다.


    서술목록

    서술 목록은 <dl> 태그로 정의합니다.
    <dt> 태그로 용어나 이름을 정의합니다.
    <dd> 태그로 용어나 이름을 설명합니다.