Unidad 18. Referencia de etiquetas HTML (V)
18.19. Etiqueta <dd>
Definición: la etiqueta <dd> se utiliza para describir un término en una lista de definición <dl>. Se usa junto con la etiqueta <dt> que crea el término
Ejemplo:
<dl>
<dt>Automóvil</dt>
<dd>Vehículo de cuatro ruedas con motor</dd>
<dt>Motocicleta</dt>
<dd>Vehículo de dos ruedas con motor</dd>
<dt>Bicicleta</dt>
<dd>Vehículo de dos ruedas sin motor</dd>
</dl>
Resultado:
- Automóvil
- Vehículo de cuatro ruedas con motor
- Motocicleta
- Vehículo de dos ruedas con motor
- Bicicleta
- Vehículo de dos ruedas sin motor
Explicación en este curso.
Recomendación W3C
18.20. Etiqueta <details>
Definición: la etiqueta <details> se utiliza junto con la etiqueta <summary> para crear un elemento interactivo formado por una cabecera con un pequeño triángulo que estará siempre visible, al hacer clic sobre la cabecera se muestra/oculta un contenido definido con la etiqueta <details>. La etiqueta <summary> contiene la cabecera.
Ejemplo:
<details>
<summary>Copyright aulaClic.</summary>
<p> Todos los derechos reservados.</p>
<p> No se pueden utilizar los cursos de aulaClic en academias para uso profesional .</p>
</details>
Resultado:
Copyright aulaClic.
Todos los derechos reservados.
No se pueden utilizar los cursos de aulaClic en academias para uso profesional.
Recomendación W3C
18.21. Etiqueta <div>
Definición: la etiqueta <div> define un contenedor de propósito general. No tiene asociado ningún significado semántico, ni formato por defecto (salvo un salto de línea). Aunque se ha venido utilizando para estructurar el texto y agrupar contenido, ahora esta función la deben realizar las etiquetas semánticas creadas a tal efecto (article, section,etc.). Lo aconsejable es utilizar la etiqueta <div> junto con clases CSS para dar formato a partes de la página, o también para otro tipo de tareas, como programación, etc.
Ejemplo: <div class="rojo"> En este caso se usa de la etiqueta DIV para poner el texto en color rojo.</div>
Definimos el estilo .rojo { color: red}
Resultado:
En este caso se usa de la etiqueta DIV para poner el texto en color rojo.
Explicación en este curso.
Recomendación W3C
18.22. Etiqueta <dl>
Definición: la etiqueta <dl> se utiliza para crear una lista de definición. Se usa junto con la etiqueta <dt> que crea el término y <dd> que describe el término.
Ejemplo:
<dl>
<dt>Automóvil</dt>
<dd>Vehículo de cuatro ruedas con motor</dd>
<dt>Motocicleta</dt>
<dd>Vehículo de dos ruedas con motor</dd>
<dt>Bicicleta</dt>
<dd>Vehículo de dos ruedas sin motor</dd>
</dl>
Resultado:
- Automóvil
- Vehículo de cuatro ruedas con motor
- Motocicleta
- Vehículo de dos ruedas con motor
- Bicicleta
- Vehículo de dos ruedas sin motor
Explicación en este curso.
Recomendación W3C
18.23. Etiqueta <dt>
Definición: la etiqueta <dt> se utiliza para crear los términos de una lista de definición. Se usa junto con la etiqueta <dl> que crea la lista y <dd> que describe el término.
Ejemplo:
<dl>
<dt>Automóvil</dt>
<dd>Vehículo de cuatro ruedas con motor</dd>
<dt>Motocicleta</dt>
<dd>Vehículo de dos ruedas con motor</dd>
<dt>Bicicleta</dt>
<dd>Vehículo de dos ruedas sin motor</dd>
</dl>
Resultado:
- Automóvil
- Vehículo de cuatro ruedas con motor
- Motocicleta
- Vehículo de dos ruedas con motor
- Bicicleta
- Vehículo de dos ruedas sin motor
Explicación en este curso.
Recomendación W3C
18.24. Etiqueta <em>
Definición: la etiqueta <em> se utiliza para dar énfasis o diferenciar un texto. Normalmente los navegadores le dan tipo de letra cursiva. La etiqueta <strong> tiene un uso similar pero pone el texto en negrita.
Ejemplo: <p> En aulaClic encontrarás cursos de informática <em>gratuitos</em>.</p>
Resultado:
En aulaClic encontrarás cursos de informática gratuitos.
Explicación en este curso.
Recomendación W3C
Enero-2019 (V 2.0)
Pág. 18.5
Cursos Informática Gratuitos