Dans le cours : HTML : Les images responsive

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 25 000 cours dispensés par des experts.

Définir et utiliser un symbole

Définir et utiliser un symbole - Tutoriel HTML

Dans le cours : HTML : Les images responsive

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Définir et utiliser un symbole

“

Maintenant, j'ai besoin d'une deuxième instance de mon logo au niveau de mon pied de page. Facile, il suffit d'aller dans l'éditeur, de sélectionner cette balise img dans l'en-tête, de la copier et de venir la recoller au niveau du pied de page. La seule chose qui va changer, c'est la hauteur de ce logo, donc je retire cet attribut height, je le remplace par un identifiant, ça s'appelle « footerLogo » et dans ma feuille de style, eh bien, j'ai un style CSS qui met en forme ce logo dans le footer. Donc voilà le résultat et là, je vois tout de suite qu'il y a un problème avec la couleur de ce logo. Heureusement, j'utilise ici une image au format SVG. Eh bien, je peux modifier la couleur de mes SVG grâce au langage CSS. Mais pour que ça fonctionne, il faut que le code SVG soit défini dans ma page HTML, ce qui n'est pas le cas ici. Mon logo est un fichier externe. Retour dans l'éditeur. Je vais donc ouvrir ce fichier SVG. Je sélectionne l'ensemble du code SVG, je le copie, je retourne…

Table des matières