Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Compréhension des balises HTML | Balises et Attributs HTML
HTML Ultime

Compréhension des balises HTML

Glissez pour afficher le menu

Note
Définition

HTML (HyperText Markup Language) est le langage utilisé pour structurer le contenu sur le web. Un fichier HTML (.html) indique au navigateur comment afficher le texte, les images, les listes, les tableaux, et plus encore.

Que sont les balises ?

Les balises sont les éléments de base de l'HTML. Elles définissent des éléments tels que les paragraphes, les boutons, les sections et les images. Les balises s'écrivent entre chevrons : <tagname>.

La plupart des balises vont par paires :

  • Balise ouvrante : <tagname> ;
  • Balise fermante : </tagname>.

Le contenu se place entre elles.

index.html

index.html

Description du code
expand arrow

Ce code HTML se compose de trois éléments :

  • <section> : représente un élément section, généralement utilisé pour regrouper du contenu lié ;
  • <p> : représente un élément paragraphe, utilisé pour définir un bloc de texte ;
  • <button> : représente un élément bouton, qui peut être cliqué pour effectuer une action.

Pas d'inquiétude, tous ces éléments et bien d'autres seront étudiés en détail dans les prochains chapitres. Ceci n'est qu'un simple exemple pour commencer.

Commentaires

Les commentaires permettent d'ajouter des notes dans votre code HTML. Le navigateur les ignore, ils n'apparaissent donc pas sur la page.

index.html

index.html

1. Comment encadrer correctement le texte « My first paragraph » avec une balise <p> en HTML ?

2. Quelle syntaxe est utilisée pour laisser un commentaire ?

question mark

Comment encadrer correctement le texte « My first paragraph » avec une balise <p> en HTML ?

Sélectionnez la réponse correcte

question mark

Quelle syntaxe est utilisée pour laisser un commentaire ?

Sélectionnez la réponse correcte

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 1

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Section 2. Chapitre 1
some-alt