티스토리 뷰

목록의 종류


목록의 종류

설명

순서없는 목록

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> 태그 → 나열된 용어/이름에 대한 설명을 표시. 자동 줄바꿈 및 들여쓰기기능 




공지사항
최근에 올라온 글
Total
Today
Yesterday