Exercice 2/14

  • Dans index.html, ajoutez les 3 "balises fondamentales" présentées dans la partie "Leçon" dans l'ordre indiqué.
  • Vous êtes libre d'écrire ce que vous souhaitez entre <html> et </html>.

Leçon 2/14

HTML est l'acronyme de HyperText Markup Language, ce qui signifie "langage de balisage pour l'hypertexte". Un document hypertexte est un document structuré comprenant des hyperliens qui mènent vers d'autres documents quand on clique dessus.

Les sites web sur lesquels vous naviguez quotidiennement ne sont ni plus ni moins des pages HTML liées entre elles. Les balises qui les constituent sont invisibles pour le visiteur que vous étiez jusqu'à aujourd'hui mais, pour le programmeur que vous serez demain, elles permettent d'insérer des liens, des images, des tableaux ou encore des formulaires !

Un document HTML serait bien triste sans couleurs, sans effets de style et sans forme. Un autre langage, le CSS (Cascading Style Sheet ou "feuilles de style en cascade" en français), va nous permettre de l'égayer et de le mettre en forme. Mais avant d'attaquer les finitions, commençons par le gros œuvre : les murs et la charpente.

a. HTML n'est pas le seul langage de balisage, commencez toujours par annoncer la couleur dès la 1ère ligne : la balise <!DOCTYPE html> indique au navigateur quel langage il doit interpréter pour rendre correctement la page web (le HTML).

b. A la ligne suivante, <html> annonce le début du document HTML

c. Et enfin à la dernière ligne, finissez toujours par </html> pour sonner la fin.

Voilà pour les fondations !

Le HTML est un langage assez souple concernant la forme : les espaces vides, tabulations et autres sauts à la ligne ne sont pas interprétés. En revanche, il faut être attentif à l'ordre des balises !

L'indentation du code est aussi très importante pour le développeur afin d'en faciliter la relecture et de repérer plus rapidement les erreurs. Vous comprendrez plus tard !

Commentaires les mieux notés

  • saliou4diallo-24

    bonjour j'arrive pas à valider la deuxième balise

  • celine.depauw

    Bonjour je n'arrive pas à valider le 2eme exercice je note bien comme il faut je pense en 1 <!DOCTYPE htlm> en 2 <htlm> et en 3 </htlm> hors ça me met erreur: Votre balise DOCTYPE est incorrecte. Avez-vous écrit ceci : <!DOCTYPE html> ?

  • mram Administrateur

    Il faut mettre "html" en minuscules. Et aussi, n'oubliez pas d'ajouter les balise <html></html> comme demandé dans l'énoncé.

  • nsimslartiste-36

    je ene comprends pas pouvez vous m'aider ?

67 Commentaires

  • celine.depauw

    celine.depauw

    Bonjour je n'arrive pas à valider le 2eme exercice je note bien comme il faut je pense en 1 <!DOCTYPE htlm> en 2 <htlm> et en 3 </htlm> hors ça me met erreur: Votre balise DOCTYPE est incorrecte. Avez-vous écrit ceci : <!DOCTYPE html> ?

    le 16/11/2017 à 15h14

  • mram

    mram Administrateur

    Bonjour, ce n'est pas htlm mais html

    le 16/11/2017 à 18h52

  • mram

    mram Administrateur

    Il faut mettre "html" en minuscules. Et aussi, n'oubliez pas d'ajouter les balise <html></html> comme demandé dans l'énoncé.

    le 20/05/2016 à 17h00

  • nadev

    nadev

    Rien ne s'affiche dans la zone de résultat, je ne peux pas voir le rendu

    le 06/04/2017 à 11h57

  • vyginald

    vyginald

    j'ai écrit ça me met incorrect je sais pas pour qu'elle raison

    le 20/05/2016 à 17h00

  • Daz

    Daz

    bonjour je fais les exercices mais je n'est rien dans la case résultat du coup je ne vois pas le rendu... par contre les réponses son correctes

    le 10/04/2017 à 18h53

  • mram

    mram Administrateur

    il faut un espace après DOCTYPE

    le 06/02/2017 à 01h41

  • mram

    mram Administrateur

    @nadev : votre code est correct, vous devriez juste voir votre mot "Bienvenue".

    le 11/04/2017 à 15h53

  • mram

    mram Administrateur

    @jonathan.baratto57 : idem, votre code est correct, et vous devriez voir votre texte. De mon côté ça fonctionne.

    le 11/04/2017 à 15h53

  • bliviadote

    bliviadote

    je suis les instructions mais ça ne valide pas et rien ne s'affiche dans la case résulat

    le 19/04/2017 à 11h29

  • bliviadote

    bliviadote

    J'essaie tout mais je suis coincé

    le 19/04/2017 à 11h53

  • bliviadote

    bliviadote

    ou alors l'énoncé n'est pas correcte

    le 19/04/2017 à 11h54

  • raphael.choisi

    raphael.choisi

    Bjr, en ligne 2 une bulle 'i' me dit que "html needs to be the first start tag" qu'est-ce que cela signifie?

    le 21/11/2016 à 16h25

  • raphael.choisi

    raphael.choisi

    J'ai tjs cette bulle d'info...

    le 21/11/2016 à 16h29

  • cyril-ix

    cyril-ix

    Dans les instructions, 2 Vous etes " libre " d'écrire. Il manque le mot libre

    le 04/10/2016 à 16h01

  • mram

    mram Administrateur

    Dans votre premier code, les balises ne sont pas correctes : ce n'est pas "htlm" mais "html" et le chevron à la fin est dans ce sens ">", et pas "<" ...

    le 22/04/2017 à 11h39

  • mram

    mram Administrateur

    Bien vu, c'est corrigé, merci.

    le 04/10/2016 à 16h37

  • badolc2

    badolc2

    Merci, je reviens à l’exercice.

    le 14/09/2016 à 18h14

  • mram

    mram Administrateur

    C'est normal, on demande juste d'ajouter les 3 balises, et non du texte supplémentaire. Donc il faut supprimer le texte ligne 1 et 2.

    le 24/11/2016 à 12h38

  • manuel.deon

    manuel.deon

    comprend pas ce qu'il faut faire , j ai mis les balise sa valide pas

    le 05/02/2017 à 16h45

  • bmm.13b

    bmm.13b

    ça se passe comment?

    le 09/08/2017 à 12h45

  • mram

    mram Administrateur

    Bonjour, c'est à dire ? Qu'est ce qui vous bloque ?

    le 16/08/2017 à 09h51

  • bmm.13b

    bmm.13b

    Je suis bloquer à la deuxième leçon.

    le 09/08/2017 à 13h36

  • mram

    mram Administrateur

    Bonjour, il faut revoir les bases : il faut d'abord mettre la balise DOCTYPE en respectant la bonne syntaxe, puis après seulement mettre la balise "html". Revoyez le 1er exercice.

    le 16/08/2017 à 09h54

  • tsoul82-13

    tsoul82-13

    je n'arrive pas faire l'exercice

    le 02/05/2018 à 11h29

  • mram

    mram Administrateur

    Il ne faut pas oublier le doctype du document au tout début.

    le 04/05/2018 à 07h35

  • rajakhabcheche-14

    rajakhabcheche-14

    <!DOCTYP> ensuite à la 2e ligne <html> un texte , à la 3e : <html>

    le 22/06/2018 à 00h48

  • mram

    mram Administrateur

    Bonjour, pourquoi mettre plusieurs fois la balise "html" ?

    le 24/06/2018 à 06h48

  • MAKA.NGOIE-100

    MAKA.NGOIE-100

    Pourquoi ma 3ème ligne a-t-elle une croix rouge devant, comme s'il y avait une erreur? Pourtant lorsque je soumets ma réponse, ça passe!

    le 30/01/2018 à 22h20

  • mram

    mram Administrateur

    Bonjour, car vous fermez deux fois la balise "html".

    le 05/02/2018 à 10h30

  • dieudonne.konan-78

    dieudonne.konan-78

    Bonjour je suis bloqué sur l'exercice n°2

    le 06/04/2018 à 08h03

  • mram

    mram Administrateur

    Bonjour, bizarre car le code est simple Quelle erreur avez-vous ?

    le 11/04/2018 à 00h56

  • doucourebano-16

    doucourebano-16

    Bonjour, à l'exercice 2 j'ai écrit <!DOCTYPE html> et sa ne fonctionne pas ils m'ont dit de vérifier si la balise html est ouvert et fermé comme il se doit

    le 30/07/2018 à 17h26

  • mram

    mram Administrateur

    Bonjour, il manque la balise "html" qui vient après le DOCTYPE.

    Il ne fqut pas confondre les deux.

    le 01/08/2018 à 06h22

  • mohamed.boulghobra-9

    mohamed.boulghobra-9

    j'ecris <!DOCTYPE html> et ca ne marche

    le 12/07/2018 à 17h35

  • mram

    mram Administrateur

    Non vous avez écrit "htlm" et non "html".

    le 16/07/2018 à 05h18

  • mahmahlamri283-72

    mahmahlamri283-72

    j'arrive pas à écrire les deux crochets comment faire?

    le 26/06/2018 à 19h59

  • mram

    mram Administrateur

    Copiez collez ceux-ci [ ]

    le 28/06/2018 à 03h56

  • mahmahlamri283-72

    mahmahlamri283-72

    ceci : <!DOCTYPE html> ? je ne comprend pas ça!

    le 26/06/2018 à 20h25

  • mram

    mram Administrateur

    C'est la balise qui définit au navigateur quel type de document il est en train de lire : dans notre cas une page HTML.

    Cal lui permet de savoir comment interpréter le code qui vient après pour l'afficher correctement.

    le 28/06/2018 à 03h58

  • jerome

    jerome

    mram je n'ai pas fais d'erreur sur le !DOCTYPE bref passons alors voila mon site (au passage je ne fais pas que tu bootstrap et pour reprendre tes propos les exos merde....) ... https://jeromedeveloppeur.000webhostapp.com/jerome_dev/cv/index.html

    le 27/06/2018 à 11h40

  • mram

    mram Administrateur

    Si en fait, la balise <!DOCTYPE html> était mal écrite ( <!DOCKTYPE html> ) lors de vos essais du 15/06/2018 à 02h13 au 15/06/2018 à 10h55.

    Et vous l'indiquez également dans votre commentaire du 15/06/2018 à 02h19.

    Attention donc au fautes de frappe, car une lettre peut tout changer.

    le 05/07/2018 à 03h41

  • flashassainissement

    flashassainissement

    bonjour? je n'arrive pas à écrire dans la deuxieme page d'exercice

    le 19/09/2017 à 09h06

  • mram

    mram Administrateur

    Bonjour, c'est-à-dire ? J'ai pas bien compris où vous bloquez.

    le 20/09/2017 à 15h41

  • jerome

    jerome

    Je ne veux pas etre méchant mais la syntaxe de base est <!DOCKTYPE html> <html> <head> on met son title, sa meta charset script etc :) </head> <body></body> </html> J'aimerai savoir pourquoi ca merde;... alors que je fais déjà des sites.. avec bootstrap.... .

    le 15/06/2018 à 02h19

  • mram

    mram Administrateur

    Ce n'est pas DOCKTYPE mais DOCTYPE ... Faire des sites avec bootstrap ou autre frameworks qui "prémachent" le travail ne sont pas la meilleure solution pour apprendre les bases.

    le 24/06/2018 à 04h54

  • Juslash

    Juslash

    Bonjour, pour l"exercice 2, je narrive pas à ecrire quoi que ce soit dans index.html. mon texte s'ecrit dans la recherche rapide qui s'ouvre toute seule. je ne comprends pas pourquoi

    le 13/08/2018 à 18h18

  • mram

    mram Administrateur

    Bonjour, quelle recherche rapide ?

    le 17/08/2018 à 06h19

  • yusuf_bj1997-17

    yusuf_bj1997-17

    Bonjour j’arrive pas à ecrire dans la case exercice je peux même pas modifier le text j’ai essayé avec une autre appareil chez moi mais toujours le meme probleme

    le 17/06/2018 à 17h07

  • mram

    mram Administrateur

    Bonjour, vous êtes sur un ordinateur (portable ou fixe) ??

    le 24/06/2018 à 05h12

  • nicolaschallenge-46

    nicolaschallenge-46

    Je ne comprend pas l'exercice

    le 12/05/2018 à 19h00

  • mram

    mram Administrateur

    Bonjour, lisez bien l'énoncé, normalement c'est assez simple à ce niveau.

    le 18/05/2018 à 04h50

  • nguembi.michael

    nguembi.michael

    Bonjour je ne comprend pas le deuxième exercice

    le 20/12/2017 à 21h15

  • mram

    mram Administrateur

    Bonjour, relisez la partie leçon de l'exercice pour voir comment on écrit les balises demandées.

    le 23/12/2017 à 16h41

  • preskeypeter-88

    preskeypeter-88

    j'ai écrit <html> et

    le 25/02/2019 à 10h28

  • meriam

    meriam Administrateur

    Il manque la balise DOCTYPE

    le 25/02/2019 à 12h53

  • kmarouane44-27

    kmarouane44-27

    c qoi DOCTYPE

    le 16/04/2019 à 11h03

  • meriam

    meriam Administrateur

    Bonjour, la balise DOCTYPE html est la 1ère balise qu'on doit ajouter pour la création d'une page web, elle permet d'indiquer au navigateur que le type de document est html (puisque html n'est le seul langage de balisage.

    le 16/04/2019 à 12h21

  • hawaouat-69

    hawaouat-69

    Merci!

    le 10/12/2018 à 13h18

index.html