티스토리 뷰
목록의 종류
목록의 종류 | 설명 |
순서없는 목록 Unordered List | 글머리기호(•)를 붙여 목록의 각 항목을 표시 |
<ul> ~ </ul> | |
자식 요소 → li | |
순서있는 목록 Ordered List | 순서(1,2,3,…)를 매겨서 목록의 각 항목을 표시 |
<ol> ~ </ol> | |
자식 요소 → li | |
서술 목록 Description List | 어떤 용어나 이름에 대해서 서술하는 형식 |
<dl> ~ </dl> | |
자식 요소 → dt, dd |
순서없는 목록을 지정하는 <ul> 태그
▷ 각 항목 앞에 순서를 나타내지 않은 기호를붙여서표시
▷ <li> 태그
* <ul>과 <ol> 태그 내에서 공통으로 사용
* 목록에서 각 항목의 내용을 표현할 때 사용
* 들여쓰기 및 자동줄바꿈 기능
* 종료 태그 없이 사용 가능
순서있는 목록을 지정하는 <ol> 태그
▷ 각 항목 앞에 순서를 나타내는 기호를 붙여서 표시
* 순서 있는기호 → 숫자(기본), 영문자, 로마자 등
▷ <ol> 태그의 속성
* type="값" → 순서있는 기호의 유형을 지정
* start="숫자" → 시작할 항목번호를 지정
* reversed → 항목번호를 역순으로 지정
▷ <li> 태그의 속성
* value="숫자" → 항목번호를 중간에 변경하는 경우
D
서술 목록을 지정하는 <dl> 태그
▷ 용어/이름을 나열하고, 이에대한 설명을 제공하는 목록
* <dt> 태그 → 태그용어/이름을 나열. 자동 줄바꿈
* <dd> 태그 → 나열된 용어/이름에 대한 설명을 표시. 자동 줄바꿈 및 들여쓰기기능