Manejo de listas en HTML

Además de los encabezados y lo párrafos, quizá el elemento HTML más común sea una lista. El lenguaje HTML incorpora entre sus etiquetas, unas para listas con viñetas sencillas y también para listas numeradas, sin embargo, para dar más vistosidad a las páginas, se suelen emplear también imágenes que se colocan delante de cada párrafo. Aquí se van a explicar todos estos casos.

La lista debe estar rodeada por las etiquetas correspondientes de apertura y de cierre y cada elemento de la lista tiene su propia etiqueta.

Ejemplos de lista numerada

Entre varias, las tres clases de vistas más utilizadas en HTML son:

  1. Listas numeradas, u ordenadas.
  2. Listas con viñetas, o sin ordenar.
  3. Listas de glosario o definición.

La lista que acabamos de utilizar es una lista numerada porque se trabaja con la etiqueta <> y cada elemento de la lista empieza con la etiqueta <li>.

Ejemplo de lista con viñetas:

La Divina Comedia de Dante consta de tres libros:

Las listas con viñetas o sin ordenar, se trabajan con la etiqueta <ul> y cada elemento que conforma la lista empieza con la etiqueta <li> además podemos utilizar el atributo type, el cual permite modificar la apariencia de la viñeta entre 3 estilos diferentes.

Ejemplo de vista de glosario o definición

Algunos términos importantes en Internet son:

Arpanet
Es el ancestro de internet. Fue un proyecto creado por el departamento de Defensa de los Estados Unidos en 1960 como experimento de conexión entre el Departamento de Defensa y los contratantes de proyectos de investigación militar.
Browser
Son los programas que se utilizan para navegar en la Web, los más populares hoy en día son Chrome, Mozilla y Safari.
Hipertexto
Un sistema de escribir y presentar el texto como un documento que contiene vínculos con otros documentos relacionados.
Home Page
Página primaria o principal en web de un individuo, una aplicación de software o una organización que muestra los nexos o vínculos con otras páginas.
Password
Contraseña o palabra clave para entrar a su e-mail o a su conexion de Internet.

El anterior fue un ejemplo de listas de glosario, también llamadas listas de definiciones, son ligeramente diferentes a las demás ya que cada elemento de la lista de glosario tiene dos partes: el término <dt> y la definición de ese término <dd>.