Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> /* Styliser l'élément avec l'id "myHeader" */ #myHeader { couleur-de-fond: bleu clair; couleur: noir; padding: 40px; text-align: center; } /* Style tous les éléments avec le nom de classe "city" */ .city { couleur-de-fond: tomate; couleur: blanc; padding: 10px; } </style> </head> <body> <h2>Différence entre Classe et ID</h2> <p>Un nom de classe peut être utilisé par plusieurs éléments HTML, tandis qu'un nom d'id ne doit être utilisé que par un seul élément HTML dans la page :</p> <!-- An element with a unique id --> <h1 id="myHeader">Mes Villes</h1> <!-- Multiple elements with same class --> <h2 class="city">Londres</h2> <p>Londres est la capitale de l'Angleterre.</p> <h2 class="city">Paris</h2> <p>Paris est la capitale de la France.</p> <h2 class="city">Tokyo</h2> <p>Tokyo est la capitale du Japon.</p> </body> </html>