정의 리스트 Description List

12112 단어 htmlhtml

정의 목록 Description List

1.용어를 정의할 때 사용하는 정의리스트

2.key-value로 정보를 제공할 때

태그 정의

dl(description list), 
dt(description term), 
dd(description data), 
dfn

예제

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Description List</title>
</head>
<body>
    
<!-- 예제1 -->
<dl>
    <dt>
        <h1>학습 學習 [학씁]</h1>
    </dt>
    <dd>
        1. noun 배워서 익힘.
    </dd>
    <dd>
        2. noun 심리 경험의 결과로 나타나는, 비교적 지속적인 행동의 변화나 그 잠재력의 변화. 또는 지식을 습득하는 과정
    </dd>
</dl>

<!-- 예제2 -->
<dl>
    <dt>OPEN</dt>
    <dd>월요일</dd>
    <dd>화요일</dd>
    <dd>수요일</dd>
    <dd>목요일</dd>
    <dd>금요일</dd>

    <dt>CLOSE</dt>
    <dd>토요일</dd>
    <dd>일요일</dd>
    <dd>공휴일</dd>
</dl>

<!-- 예제3 -->
<dl>
    <div>
        <dt>USERNAME</dt>
        <dd>김버그</dd>
    </div>
    <div>
        <dt>EMAIL</dt>
        <dd>[email protected]</dd>
    </div>
    <div>
        <dt>PASSPORT#</dt>
        <dd>M@@@@@@@@@@</dd>
    </div>
    <div>
        <dt>NATIONALITY</dt>
        <dd>Republic of Korea</dd>
    </div>
</dl>

</body>
</html>

좋은 웹페이지 즐겨찾기