Comment créer des listes de liens pour la programmation HTML5 et CSS3 - Nuls

De nombreuses pages web s'avèrent être des listes de liens en HTML5 et CSS3. Parce que les listes et les liens vont si bien ensemble, il est bon de regarder un exemple. Notez cette liste de liens vers des livres écrits par un certain auteur.

Cet exemple n'a pas de nouveau code à découvrir, mais la page affiche quelques composants intéressants:

• La liste: Une liste ordinaire non ordonnée.

• Liens: Chaque élément de la liste contient un lien. Le lien a une référence (que vous ne pouvez pas voir immédiatement) et un texte pouvant être lié (qui est marqué comme un lien ordinaire).

• Texte descriptif: Après chaque lien, un texte ordinaire décrit le lien. Écrire un texte pour accompagner le lien est très commun.

  

Ce code indique l'organisation de la page:

listLinks. html

De jolis livres de programmation

HTML / CSS / JavaScript TOUT en un pour les nuls Une ressource complète pour le développement web  JavaScript / AJAX for Dummies en utilisant JavaScript, AJAX et jQuery
Programmation de jeu - L Line Développement de jeux en Python
Développement de jeux HTML5 pour les nuls Construire des jeux web et mobiles en HTML5










L'indentation est intéressante ici. Chaque élément de la liste contient une ancre et un texte descriptif. Pour garder le code organisé, les développeurs Web ont tendance à placer l'ancre dans l'élément de la liste. L'adresse passe parfois sur une nouvelle ligne si elle est longue, avec le texte d'ancrage sur une nouvelle ligne et la description sur les lignes suivantes.

Normalement, la balise passe à la fin de la dernière ligne, de sorte que les balises de début ressemblent aux puces d'une liste non ordonnée. Cela facilite la recherche de votre place lors de la modification d'une liste ultérieurement.