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

240 Commentaires

  • sol.ahlam-29

    sol.ahlam-29

    Hello, quand je clique sur le boutton "soumettre" rien ne marche :( Help please

    le 25/10/2022 à 14h02

  • Patricio M

    Patricio M Admin

    fait un reset et reconnectes toi

    le 25/10/2022 à 14h33

  • power.hd.253-76

    power.hd.253-76

    bonjour je n'ai pas vraiment compris a quoi ça serre le bloc <! DOCTYPE html>

    le 02/08/2022 à 22h07

  • Patricio M

    Patricio M Admin

    C'est juste une info pour le navigateur. Doctype lui dit que c'est un document HTML

    le 03/08/2022 à 07h21

  • amelielabrunie5-100

    amelielabrunie5-100

    erreur au niveau de la balise DOCTYPE

    le 28/07/2022 à 09h37

  • meriam

    meriam Admin

    Vous devez écrire <! DOCTYPE html> au lieu

    le 28/07/2022 à 09h43

  • meriam

    meriam Admin

    au lieu d'écrire <!DOCTYPE htlm>

    le 28/07/2022 à 09h44

  • amelielabrunie5-100

    amelielabrunie5-100

    erreur au niveau de la balise DOCTYPE

    le 28/07/2022 à 09h37

  • meriam

    meriam Admin

    La balise <DOCTYPE html> doit être au debut de la page html

    le 28/07/2022 à 09h42

  • amelielabrunie5-100

    amelielabrunie5-100

    le message d'erreur affiché :Vérifiez que votre balise DOCTYPE se trouve au tout début de votre code !

    le 28/07/2022 à 09h34

  • meriam

    meriam Admin

    Il vous manque la 1 ère balise ==> la balise <!DOCTYPE html>

    le 28/07/2022 à 09h35

  • amelielabrunie5-100

    amelielabrunie5-100

    le message d'erreur affiché :Vérifiez que votre balise DOCTYPE se trouve au tout début de votre code !

    le 28/07/2022 à 09h17

  • meriam

    meriam Admin

    Il vous manque la 1 ère balise ==> la balise <!DOCTYPE html>

    le 28/07/2022 à 09h33

  • amelielabrunie5-100

    amelielabrunie5-100

    Pouvez vous m'aider à valider l'exercice

    le 28/07/2022 à 09h16

  • meriam

    meriam Admin

    La syntaxe générale d'une balise ==> <balise ouvrante>Contenu</balise fermante>

    le 28/07/2022 à 09h24

  • meriam

    meriam Admin

    une balise fermante doit être précédé par un slash

    le 28/07/2022 à 09h26

  • amelielabrunie5-100

    amelielabrunie5-100

    Bonjour Meriam

    le 28/07/2022 à 09h16

  • meriam

    meriam Admin

    Bonjour Amelie, vous avez mal écrit la balise fermante de l'élément html

    le 28/07/2022 à 09h21

  • sallhalima1994-54

    sallhalima1994-54

    C'est un compréhensible les exercices j'arrive pas à écrire quoi que ce soit est-ce que vous pouvez m'aider s'il vous plaît

    le 13/07/2022 à 23h25

  • meriam

    meriam Admin

    Merci de m'informer si le problème persiste

    le 15/07/2022 à 00h01

  • sallhalima1994-54

    sallhalima1994-54

    Bonjour, j'arrive pas à écrire quoi que ce soit sur les exercices on me dit d'écrire ou d'ajouter des balises mais j'arrive pas à écrire quoi que ce soit

    le 13/07/2022 à 23h24

  • meriam

    meriam Admin

    Bonjour, essayez de changer le navigateur

    le 14/07/2022 à 15h33

  • meriam

    meriam Admin

    Si non essayez de zoomer la partie noir (éditeur) avec ctrl +

    le 14/07/2022 à 15h34

  • meriam

    meriam Admin

    N'hésitez pas à m'informer si le problème persiste

    le 14/07/2022 à 15h35

  • crocokill06-94

    crocokill06-94

    merci mec

    le 26/04/2022 à 12h49

  • crocokill06-94

    crocokill06-94

    merci mec

    le 26/04/2022 à 12h48

  • crocokill06-94

    crocokill06-94

    merci mec

    le 26/04/2022 à 12h48

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 28/04/2022 à 12h34

  • crocokill06-94

    crocokill06-94

    merci mec

    le 26/04/2022 à 12h48

  • goodsemani-65

    goodsemani-65

    Je ne comprends je n'arrive pas à écrire quoi que ce soit. Je ne peux pas avancer

    le 13/04/2022 à 12h45

  • meriam

    meriam Admin

    Bonjour, je ne vois aucun essai de votre part.

    le 14/04/2022 à 12h44

index.html