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
Atrás Inicio Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.