listas de definição

Listas de definição são constituidas de duas partes: um termo e uma descrição. Para codificar uma lista de definição são necessários três elementos HTML:

• um container <dl>;
• um termo de definição <dt>;
• uma descrição <dd>.

Por exemplo:

<dl>
        <dt>Sapo</dt>
        <dd>Criatura verde e pegajosa</dd>
        <dt>Coelho</dt>
        <dd>Criatura quente e fofa</dd>
</dl>

Você pode usar múltiplos elementos <dt> e <dd> em uma lista de definição:

<dl>
        <dt>Arriscar</dt>
        <dd>Chutar em gol</dd>
        <dd>Fazer uma aposta</dd>
</dl>


<dl>
        <dt>Cor</dt>
        <dt>Colorido</dt>
        <dd>Qualquer tom que não seja preto ou branco</dd>
</dl>

Você pode colocar elementos nível de bloco dentro do elemento <dd> descrição, tais como elementos <p> e elementos <ul>. Você não pode colocar elementos nível de bloco dentro do elemento <dt> termo.

<dl>
        <dt>Sapo</dt>
        <dd><p>Criatura verde e pegajosa que coacha.</p></dd>
</dl>
 
<dl>
        <dt>Sapo</dt>
        <dd>
        <ul>
        <li>Pegajoso</li>
        <li>Verde</li>
        <li>Coacha</li>
        </ul>
        </dd>
</dl>