List (리스트)

   

리스트

• 순서 있는 리스트(Ordered Lists)와 순서 없는 리스트(Unordered Lists)로 구분
• 순서를 나타내는 번호와 내용, 글머리 기호 등으로 리스트를 표현합니다.
• 동일한 형태의 내용을 나열할 때 사용

   

   

순서 없는 리스트(Unordered Lists)

<ul></ul> 태그 사용

어벤져스 슈퍼 히어로 <ul>         <li>캡틴 아메리카</li>         <li>아이언맨</li>         <li>토르</li>         <li>헐크</li>         <li>호크아이</li>         <li>블랙 위도우</li> </ul>

   

   

   

순서 있는 리스트(Ordered Lists)

<ol></ol> 태그 사용

어벤져스 슈퍼 히어로 <ol>         <li>캡틴 아메리카</li>         <li>아이언맨</li>         <li>토르</li>         <li>헐크</li>         <li>호크아이</li>         <li>블랙 위도우</li> </ol>

   

   

type속성

type 속성, list-style-type속성을 이용하면 marker 부분을 바꿀 수가 있습니다.

   

마커(marker)

리스트의 유형으로 모양, 숫자, 이미지 등 설정할 수 있습니다.

type	마커	설명
disc	●	원형
square	■	사각형
circle	○	원형
1	1	아라비아 숫자 1, 2, 3, 4
a	a	영문 소문자 a, b, c, d
A	A	영문 대문자 A, B, C, D
i	i	로마 숫자(소문자) i, ii, iii, iv
I	I	로마 숫자(대문자) I, II, III, IV