APRENDIENDO HTML 4 LISTAS

 

Vamos a hacer tres tipos de listas, una lista ordenada, en la que aparece numerada cada término, otra lista desordenada y una lista de definición.

Lo que tienes que presentar al profesor está al final de esta entrada.

Empecemos con la lista desordenada, en el navegador aparecerá algo como esto:

Para comenzar y cerrar la lista desordenada utilizaremos las etiquetas <ul> </ul> y cada miembro de la lista estará entre las etiquetas <li></li>  como en este ejemplo.

Ahora esto sería una lista ordenada:

Para comenzar y cerrar la lista ordenada utilizaremos las etiquetas <ol> </ol> y cada miembro de la lista estará entre las etiquetas <li></li>  como en este ejemplo.

Por último cuando queremos hacer definiciones o desarrollar determinados apartados como en el ejemplo:

Esta lista se realizaría con las siguientes etiquetas:

PRÁCTICA A PRESENTAR:

EJERCICIO1: Copia los tres tipos de listas en una página y muéstrala al profesor.

 

EJERCICIO EXAMEN:

Realizar una página web que tenga:

1. Una imagen de fondo de página.
2. El título con tu nombre dentro de la etiqueta <H1>
3. Una lista desordenada con tus 5 grupos musicales o cantantes favoritos.
4. Una línea de separación con la etiqueta <hr>
5. Una lista ordenada con tus 8 páginas web favoritas.
6. Una línea de separación con la etiqueta <hr>
7. Una lista de definición donde aparezcan las siglas de 5 ONG´s y su significado.

Esta página web la  guardas como Lista.html y la tendrás que enseñar al profesor.