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

  • Coucoul38

    Coucoul38

    Il faut écrire quelque chose entre <html> et </html> c'est poir ça que vous n'y arrivez pas

    le 01/08/2019 à 11h57

  • hawaouat-69

    hawaouat-69

    Merci!

    le 10/12/2018 à 13h18

  • cacheter92-64

    cacheter92-64

    <!DOCTYPE html> <html> voici la reponse </html>

    le 14/08/2019 à 23h17

  • samir.ziane

    samir.ziane

    Bonjour, problème sur l’exercice, ça me dit toujours que la balise html est mal placé pourtout elle est bien a la fin :

    le 30/12/2019 à 14h57

  • mram

    mram Admin

    il faut un espace après DOCTYPE

    le 06/02/2017 à 01h41

20 Commentaires

  • thiebauteddie-77

    thiebauteddie-77

    J'ai bien suivi la leçon et lorsque j'ai soumis mes 4 lignes de code c'était parfait !...Je passe à la leçon 3 !

    le 09/04/2020 à 17h49

index.html