Unidad 4. Listas (V)

4.5. Listas de definición

La etiqueta <dl> crea una lista de definición. Entre la etiqueta de apertura y la de cierre se incluyen las definiciones, cada definición consta de dos partes: La etiqueta <dt> crea el término y la etiqueta <dd> crea la descripción del término correspondiente.

<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>

Por defecto los navegadores la representan así:

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

Realmente es un formato poco atractivo pero se puede mejorar con hojas de estilo para adaptarlo al diseño de cada página web.

4.6. Los atributos comunes

Como hemos visto las etiquetas pueden tener atributos, podemos distinguir entre dos tipos de atributos, los específicos y los comunes. Los atributos específicos son los propios de cada etiqueta, por ejemplo el atributo href se puede utilizar con la etiqueta a pero no con la etiqueta title.

Los atributos comunes se pueden utilizar prácticamente con todas las etiquetas, los atributos comunes los podemos subdividir en varias categorías. Los básicos son class, id, style y title, que se pueden utilizar con todas las etiquetas, salvo unas pocas excepciones. Los atributos de eventos se utilizan en páginas dinámicas junto con lenguajes de programación como javascript, por ejemplo, onclick, onload, onmouseover, etc.

Atributos para internalización por ejemplo lang para indicar el idioma.

Atributos de foco como onblur, onfocus, accesskey, tabindex. El foco es el lugar donde está el cursor.

Para practicar lo aprendido realiza el ejercicio Listas ordenadas

Para practicar lo aprendido realiza el ejercicio Listas desordenadas

Ejercicio propuesto de la Unidad 4

Prueba evaluativa de la Unidad 4