Vous aviez l’habitude de tout envelopper dans
avant le ![]()
img src elle-même.
C’est dans l’alignement vertical que les choses se sont compliquées. Vous aviez trois choix quant à la position du texte par rapport au graphique.
Options d’alignement vertical
Le comportement par défaut ? Image à gauche. Texte à droite. Si vous vouliez que cela soit inversé, vous deviez à nouveau utiliser l’astuce
. Mais pour la relation texte-image elle-même, vous avez choisi l’une de ces trois valeurs :
- align=”bottom” : Le texte s’aligne avec le bord inférieur de l’image.
- align=”top” : Le texte s’aligne avec le bord supérieur.
- align=”middle” : Le texte se trouve à côté du centre vertical de l’image.
Chaque exemple ressemblait à ceci :
C’était un code moche. Mais ça a marché.
Création de GIF animés
Les images statiques sont ennuyeuses. Vous vouliez du mouvement. Éclair. Vie.
L’outil de cette époque était Le GIF Construction Set. Vous n’avez pas codé l’animation. Vous l’avez construit. Vous avez créé des cadres individuels. Je les ai séquencés. Ensuite, vous les avez regroupés dans un seul fichier « .gif ».
Une image. Beaucoup de cadres. Aucun lecteur vidéo requis.
C’était ça le truc. Vous pouvez créer un logo tournant ou un titre rebondissant sans plugin de navigateur. Juste un seul fichier image que le navigateur a interprété comme un mouvement.
Ce n’était pas élégant. Les fichiers étaient énormes. Les couleurs étaient limitées à 256. Mais ça a marché.
Nous ne faisons plus ça. Les animations CSS l’ont remplacé. JavaScript a pris en charge le gros du travail. Mais si vous conservez le code existant de la fin des années 90, vous devez toujours savoir comment align="middle" affecte réellement la hauteur de ligne. Et pourquoi votre GIF animé met trois secondes à se charger en 3G.
Les anciennes balises ont disparu. La logique demeure.
