Saltar al contenido

Etiqueta HTML <dd>

La etiqueta HTML <dd>, junto con las <dl> y <dt>, se utiliza para crear una lista de definición. La etiqueta <dd> contiene la descripción del término, el cual está definido por la etiqueta <dt>. Debe haber al menos una etiqueta <dt> seguida de al menos una etiqueta <dd> para cada grupo. Es posible listar:

  • un término seguido de varias descripciones,
  • un término seguido de una descripción,
  • varios términos seguidos de una descripción,
  • varios términos seguidos de varias descripciones.

Para definir la lista en sí, utilizamos la etiqueta <dl>. Un solo término puede tener varias definiciones en la lista de descripción. (Más información sobre listas HTML).

El elemento <dd> es un elemento de nivel de bloque y puede contener otros elementos: párrafos, listas, imágenes, enlaces, etc. Se coloca dentro de <body>.

El contenido predeterminado del elemento <dd> tiene un márgen exterior en el lado izquierdo.

Sintaxis

La etiqueta <dd> se utiliza en pares. El contenido se escribe entre las etiquetas de apertura (<dd>) y cierre (</dd>).

Ejemplo de la etiqueta HTML <dd>:

Lista de definición|Ejemplo de la etiqueta HTML <dd>|W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h1>Definition list:</h1>
    <dl>
      <dt>Tea</dt>
      <dd>- hot drink</dd>
      <dt>Juice</dt>
      <dd>- ice drink</dd>
    </dl>
  </body>
</html>

Resultado

dd exemple

Diálogo|Ejemplo de la etiqueta HTML <dd>|W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <dl>
      <dt>George</dt>
      <dd>Hi</dd>
      <dd>What’s up?</dd>
      <dt>Mary</dt>
      <dd>Hi.</dd>
      <dd>I’m doing well, what about you?</dd>
      <dt>George</dt>
      <dd>Thanks, everything is fine. What are you doing?</dd>
      <dt>Mary</dt>
      <dd>I’m going to a party today in the evening. And you?</dd>
    </dl>
  </body>
</html>

Atributos

La etiqueta <dd> admite los Atributos globales y los Atributos de eventos.

Cómo dar estilo a una etiqueta HTML <dd>

json
{
    "tag_name": "dd"
}

Práctica

¿Cuál es la función de la etiqueta <dd> en HTML?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.