프론트엔드/HTML

Tag - 목록(list) 관련 2

ksge7 2020. 8. 19. 01:57

설명 목록 (description list)

사전 구성처럼 '제목'과 '설명'이 한 쌍인 목록을 설명 목록이라 한다.

 

<dl> 태그로 만들어주며 <dl> 아래는 목록의 제목을 쓰는 <dh>와 그 설명을 쓴 <dd> 태그로 이뤄졌다.

 

<body>
    <dl>
        <dt> 제목 부분입니다 1 </dt>
        <dd> 설명 부분입니다 1 </dd>
        <dt> 제목 분입니다 2 </dt>
        <dd> 설명 부분입니다 2 </dd>
        <dd> 설명 부분입니다 2 </dd>
    </dl>
</body>

 

목록에서 <dt>는 제목을 출력하고 <dd>는 <dt>를 기준으로 들여쓰기되어서 출력된다.

 

<dt>는 단독으로도 쓸 수 있고 한개 혹은 여러 개의 <dd>를 가질 수 있다.