Exercice 3/14

  • Ajoutez la balise <!DOCTYPE html>.
  • Ajoutez les balises <html> ouvrantes et fermantes.
  • Entre les balises <html>, écrivez un texte.
  • La fenêtre Résultats vous montre en temps réel le code source de votre fichier index.html une fois interprété par le navigateur

Leçon 3/14

Vous avez déjà appris 3 balises : <!DOCTYPE html>, <html> et <strong>. La première (doctype) est un peu atypique avec son point d'exclamation et ses 2 mots à l'intérieur. Ne nous laissons pas perturber par cette exception. La plupart des balises ressemblent aux 2 autres : un nom entouré de <>.

Toutes les balises qui servent à encadrer un contenu ont une jumelle qui commence avec le caractère / pour désigner la balise fermante. Ainsi, <html> est appelée la balise ouvrante et </html> la balise fermante. N'oubliez jamais de refermer une balise sinon votre navigateur ne saura pas où s'arrête le bloc que vous souhaitez délimiter.

Certaines balises peuvent s'imbriquer : heureusement d'ailleurs, car les prochaines balises que nous allons ajouter vont devoir se placer entre la balise de début <html> et la balise de fin </html>.

Elles ne doivent jamais se chevaucher : commencez toujours par refermer la dernière balise ouverte comme si vous empiliez des boîtes gigognes : <balise1><balise2> contenu </balise2></balise1>

Pour bien assimiler, reprenons nos fondations :

N'hésitez pas à revenir aux exercices précédents pour vous remémorer la syntaxe d'une balise.

Commentaires les mieux notés

110 Commentaires

  • ragni_julien-80

    ragni_julien-80

    Bonjour, la fenetre Résultat ne m'affiche pas ce que j'essaye d'ecrire, est ce normal ?

    le 31/03/2022 à 12h16

  • meriam

    meriam Admin

    Bonsoir, il faut cliquer sur le lien suivant :http://localhost:8080 pour voir le résultat.

    le 05/04/2022 à 19h50

  • mvilla-61

    mvilla-61

    je ne comprends pas pourquoi ça ne marche pas : <!DOCTYPE html> <html> <p>test</p> </html>

    le 24/01/2022 à 15h26

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 25/01/2022 à 09h57

  • rossignol.nid-73

    rossignol.nid-73

    Bonjour, mon texte est bien présent dans la fenêtre résultat mais le code n'est pas validé. <!DOCTYPE html> <html> <strong>coucou</strong> </html> Merci d'avance pour votre aide...

    le 29/08/2021 à 13h00

  • meriam

    meriam Admin

    Bonjour, la balise strong n'est pas demandée pour cet exercice.

    le 30/08/2021 à 00h01

  • karim.meghraoui7-19

    karim.meghraoui7-19

    Bonjour, je pense avoir bon mais ils m'affichent quand même des messages d'erreurs ?

    le 24/08/2021 à 13h38

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 30/08/2021 à 01h51

  • lyoncal69-8

    lyoncal69-8

    <!DOCTYPE html> <html> <strong>bonjour</strong> </html>

    le 20/07/2021 à 21h44

  • meriam

    meriam Admin

    Voila la bonne balise c'est strong qui permet de mettre en vlaeur le texte.

    le 22/07/2021 à 10h10

  • lyoncal69-8

    lyoncal69-8

    bonsoir, j'ai écrie se qu'ils demandent mais j'ai une erreur=

    le 20/07/2021 à 21h44

  • meriam

    meriam Admin

    Bonjour, vous devez utiiser la balise <strong> et pas h1.

    le 22/07/2021 à 10h07

  • jeremy_gsg-39

    jeremy_gsg-39

    Bonjour, rien de s'affiche dans ma fenêtre résultat a chaque exercice. Je réussi pourtant l'exercice. Je suis sur chrome avec adblock mais je suppose que ça ne pose pas de soucis?

    le 11/07/2021 à 14h18

  • meriam

    meriam Admin

    Bonjour, est ce le problème persiste encore??

    le 16/07/2021 à 12h46

  • duarte05

    duarte05

    bug

    le 27/05/2021 à 13h16

  • meriam

    meriam Admin

    Votre code b'est pas correct, il faut supprimer les parenthèses qui entourent la balise fermante </html>, il faut supprimer le contenu entre la balise ouvrante <html> et la balise <title>

    le 27/05/2021 à 21h43

  • ricocarpe-5

    ricocarpe-5

    Avec le code c'est mieux <!DOCTYPE html> <html> <head> <title>Les bases en HTML</title> <meta charset="utf-8"> </head> <body> <p>Un <strong>autre</strong> paragraphe </p> </body> </html>

    le 30/01/2021 à 16h46

  • meriam

    meriam Admin

    Bonjour, l'exercice ne demande pas d'ajouter la balise head.

    le 01/02/2021 à 11h09

  • ricocarpe-5

    ricocarpe-5

    Bonjour, j'ai beau mettre un titre, un paragraphe, même en y intégrant un strong et rien n'y fait j'ai toujours le message : avez-vous bien fermé le html (</html) alors que oui c'est fermé. J'ai essayé dans un body idem....

    le 30/01/2021 à 16h42

  • meriam

    meriam Admin

    Bonjour, il suffit d'ajouter la balise <!DOCTYPE> <html>et </html> avec simple contenu (pas besoin d'ajouter ma balise head)

    le 01/02/2021 à 10h47

  • val_v50300-17

    val_v50300-17

    Est-ce normal que même si mon code est bon, rien ne s'affiche dans le cadre résultat ?

    le 29/01/2021 à 11h53

  • meriam

    meriam Admin

    Bonjour, essayez de rafraichir la page.

    le 01/02/2021 à 09h29

  • eclapier-7

    eclapier-7

    exercice 3 :<!DOCTYPE html> <html> <strong>salut</strong> </html>

    le 29/01/2021 à 07h33

  • meriam

    meriam Admin

    Bonjour, votre code est validé.

    le 01/02/2021 à 09h21

  • monteiro.melina.m-7

    monteiro.melina.m-7

    je ne comprend pas

    le 16/10/2020 à 05h25

  • meriam

    meriam Admin

    Bonjour, il faut supprimer index.html.

    le 16/10/2020 à 08h22

  • jturatello-33

    jturatello-33

    <!DOCTYPE html> <html> <head> <title>Le monde a l envers</title> </head> <body> <p>Hello</p> </body> </html>

    le 17/08/2020 à 05h27

  • meriam

    meriam Admin

    Bonjour, l'exercice demande d'ajouter les balises fondamentales <! DOCTYPE> Et la balise html ouvrante et fermante.

    le 24/08/2020 à 12h22

  • meriam

    meriam Admin

    les balises head et body ne sont pas demandées pour le moment.

    le 24/08/2020 à 12h23

  • jessica.brahim12-7

    jessica.brahim12-7

    Merci de votre retour, je recommencerais plus tard.

    le 02/01/2019 à 17h58

index.html