Etiqueta HTML `<dt>`

La etiqueta <dt> se utiliza para denotar un término en una lista de definición (conoce más sobre listas HTML). Se usa junto con las <dd> y <dl> etiquetas. La etiqueta <dl> crea una lista, y la <dd> proporciona una descripción/definición del término. En una lista de definición, cada término (<dt>) debe ir seguido de al menos una descripción (<dd>).

Sintaxis

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

Ejemplo de la etiqueta HTML `<dt>`:

Etiqueta HTML <dt>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <dl>
      <dt>Hypertext</dt>
      <dd>A system of text pages that have cross-references.</dd>
      <dt>Hyperlink</dt>
      <dd>A part of a hypertext document that references another item.</dd>
    </dl>
  </body>
</html>

Try it Yourself »

Resultado

dt tag example

Atributos

La etiqueta <dt> admite los atributos globales y los atributos de eventos.

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

css

dt {
  font-weight: bold;
  color: #2c3e50;
}

Práctica

¿Qué puedes decir sobre la etiqueta <dt> HTML?

La etiqueta <dt> se utiliza para definir el término en una lista de descripción.La etiqueta <dt> puede usarse sola sin las etiquetas <dl> o <dd>.Los términos de definición marcados por las etiquetas <dt> pueden tener estilos CSS.La etiqueta <dt> es una etiqueta de cierre automático.La etiqueta <dt> admite todos los atributos globales en HTML.

Etiqueta HTML <dt> ​

Sintaxis ​

Ejemplo de la etiqueta HTML <dt>: ​

Resultado ​