Exercice 15/15

  • Dans l'éditeur, nous vous avons concocté un code pour vous montrer comment un fichier CSS séparé peut intervenir sur notre <span> sans utiliser l'attribut style (voir code ligne 5). Dommage, on l'aimait bien l'attribut style, non ?

Cliquez sur Soumettre ma réponse pour conclure ce cours et partir à la découverte du CSS.

Leçon 15/15

On peut dire que le HTML n'a plus beaucoup de secrets pour vous ! Vous savez désormais :

  1. Diviser votre page web à l'aide des balises <div> pour la styliser bloc par bloc.
  2. Modifier les propriétés de certaines portions de texte en utilisant les balises <span>.

Prochainement, nous apprendrons à écrire nos styles dans un fichier séparé de façon à ne pas mélanger le CSS et le HTML : au-delà d'une meilleure lisibilité, cela nous apportera un grand nombre d'avantages !

Commentaires les mieux notés

14 Commentaires

  • seguedaelvis-93

    seguedaelvis-93

    Domage j'aimais bien l'attribut style.

    le 11/06/2020 à 07h05

  • Francisque

    Francisque

    que veut dire la balise conteneur link et ses attribut "type", "rel" et "href", svp?

    le 28/03/2018 à 18h30

  • mram

    mram Admin

    Bonjour, ça indique à la page HTML d'aller chercher un fichier .css (attribut type) avec le lien vers le fichier en question (attribut href). L'attribut "rel" n'est plus obligatoire.

    le 31/03/2018 à 22h00

  • wilfrid

    wilfrid

    Bonjour, une fois l'exercice fini, le lien vers la partie suivante ne fonctionne pas, ce n'est pas trop génant mais je tenais à vous le signaler (win10/firefox55.0.3)

    le 06/10/2017 à 16h18

  • mram

    mram Admin

    Bonjour, oui nous le savons, c'est sur la todo liste. Merci !

    le 08/10/2017 à 20h44

  • mram

    mram Admin

    Normal cette balise sert à afficher le titre de la page dans les onglets du navigateur, donc rien à voir avec le contenu affiché dans la fenêtre du navigateur...

    le 13/02/2017 à 23h01

  • jeremy.fernagut

    jeremy.fernagut

    Je ne vois pas apparaître cette ligne-ci <title>La magie du CSS</title> sur le résultat et c'est valable pour tous les <title> depuis l'exercice 1

    le 09/02/2017 à 16h26

  • mram

    mram Admin

    Je n'ai pas compris de quoi vous parlez...

    le 05/02/2017 à 23h18

  • jeremy.fernagut

    jeremy.fernagut

    Bonjour, pensant que celui venait qu'un problème chez moi, j'ai essayé de passer outre pour les exercices, mais ici cela semble un peu important pour visualiser le code. Je ne vois pas les titres apparaître depuis le début du Niveau 0, y aurait-il une solution que je puisse appliquer pour le/les rendre visible?

    le 02/02/2017 à 16h44

  • mram

    mram Admin

    Rien à faire sur cet exercice, il y a juste a cliquer sur "soumettre ma réponse" à condition que vous n'ayez pas bidouiller le code par défaut...

    le 13/09/2016 à 15h05

  • patricerameaux

    patricerameaux

    bonjour apparemment c'est bon mais le résultat n'est pas conforme à ce que j'attendais (pas d'apparition de la couleur yellow) d'autre part avec la balise <div> je coupe en 2 l'enchaînement logique <h3><p></p></h3> ce qui me parait bizarre par ailleurs pour un tout autre sujet et au risque de paraître idiot je ne sais pas comment récupérer l'URL d'une image sur internet

    le 12/09/2016 à 11h37

Pour publier un commentaire, vous devez vous connecter.
index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <title>La magie du CSS</title> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> </head> <body> <h3>Abracadabra</h3> <p><span>Mais</span> comment ont-ils pu faire pour changer la couleur du premier mot de cette phrase sans utiliser l'attribut style ?...</p> </body> </html>
p { font-family:Garamond; font-size:16px; } h3 { font-family:cursive; color:#36648b; text-align:center; } span { color:#cc0000; font-size:24px; }
http://localhost:8080