Muchas páginas web resultan ser las listas de enlaces en la programación HTML5 y CSS3. Dado que las listas y enlaces van tan bien juntos, es bueno mirar un ejemplo. Note esta lista de enlaces a libros escritos por un autor determinado.

Video: Curso: Bases de HTML y CSS - 4. Enlaces, imágenes y listas

Este ejemplo tiene ningún nuevo código de averiguar, pero la página se muestran algunos componentes interesantes:

• La lista: Una lista sin orden ordinaria.

• Campo de golf: Cada elemento de la lista contiene un enlace. El enlace tiene una referencia (que no se puede ver de inmediato) y el texto enlazable (que está marcado como un enlace ordinaria).

• Texto descriptivo: Después de cada enlace es un texto común que describe el enlace. Escribir un texto para acompañar el enlace real es muy común.

  

Video: Crear listas de enlaces con CSS

Este código muestra la forma en que la página está organizada:

Algunos buenos libros de programación
HTML / CSS / javascript, todo en uno para los maniquíesUn recurso completo para el desarrollo web
javascript / AJAX para los maniquíesEl uso de javascript, AJAX, y jQuery
Programación juego - la línea LEl desarrollo del juego en Python
HTML5 desarrollo de juegos para los maniquíesLa construcción de la web y los juegos móviles en HTML5
Video: Hacer un menú sesgado, inclinado ó diagonal solo con CSS (HTML5, Tutorial, Programación)

El sangrado es interesante aquí. Cada elemento de la lista contiene un ancla y un texto descriptivo. Para mantener el código organizado, los desarrolladores web tienden a colocar el anclaje en el interior del elemento de la lista. La dirección de veces va en una línea nueva si es demasiado larga, con el texto de anclaje en una nueva línea y la descripción en las líneas siguientes.

Normalmente, la etiqueta va al final de la última línea, por lo que las etiquetas que comienzan parecen a las balas de una lista desordenada. Esto hace que sea más fácil encontrar su lugar durante la edición de una lista más adelante.