HTML, qui signifie Hyper Text Markup Language, est l'épine dorsale de tout site Web. C'est le langage de codage qui vous permet de créer et d'organiser du contenu sur le Web, notamment du texte, des images, des listes, des tableaux, des liens, etc. Même si cela peut paraître intimidant pour les débutants, la structure de base du HTML est assez simple et directe. Dans ce chapitre, nous explorerons la structure de base du HTML, ses balises et ses attributs, avec un accent particulier sur les listes en HTML.

Structure de base du HTML

La structure de base d'une page HTML se compose de balises HTML, qui sont utilisées pour définir et organiser le contenu. Une page HTML typique commence par la balise , qui indique au navigateur que le document est un fichier HTML5. Vient ensuite la balise , qui contient tout le contenu de la page. À l'intérieur de la balise , nous avons la balise et la balise .

La balise contient des informations sur la page, telles que le titre (qui apparaît dans l'onglet du navigateur), des liens vers des CSS et JavaScript externes et des métadonnées. La balise .

La balise contient le contenu principal de la page, c'est-à-dire ce que les visiteurs voient lorsqu'ils visitent votre site Web. Il peut inclure du texte, des images, des liens, des listes, des tableaux et bien plus encore.

Balises et attributs

Les balises HTML sont utilisées pour définir et organiser le contenu. Chaque balise est entourée de crochets angulaires (< et >). La plupart des balises sont présentées par paires, avec une balise d'ouverture et une balise de fermeture. La balise de fermeture est similaire à la balise d'ouverture, mais comporte une barre oblique (/) avant le nom de la balise.

Par exemple, voici comment utiliser les balises

(paragraphe) et

(titre de niveau 1) :

Mon premier en-tête

Ceci est un exemple de paragraphe.

Les attributs sont utilisés pour fournir des informations supplémentaires sur une balise. Ils sont inclus dans la balise d'ouverture et se composent d'un nom d'attribut et d'une valeur d'attribut. Par exemple, la balise (image) est généralement livrée avec les attributs src (qui spécifie l'URL de l'image) et alt (qui fournit un texte alternatif pour l'image).

Listes en HTML

Les listes constituent une partie importante du HTML. Ils vous permettent d'organiser le contenu de manière facile à lire. Il existe trois principaux types de listes en HTML : les listes ordonnées, les listes non ordonnées et les listes de définition.

Une liste ordonnée est une liste numérotée. Il est créé à l'aide de la balise

, chaque élément de la liste étant enveloppé dans une balise
1. . Par exemple :
   1. Élément 1
   2. Élément 2
   3. Élément 3

   Une liste non ordonnée est une liste à puces. Il est créé à l'aide de la balise

   , chaque élément de la liste étant enveloppé dans une balise
   • . Par exemple :
     • Élément 1
     • Élément 2
     • Élément 3

     Une liste de définitions est une liste de termes et leurs définitions. Il est créé à l'aide de la balise

     , chaque terme étant enveloppé dans une balise

     et chaque définition étant enveloppée dans une balise

     . Par exemple :

     HTML

     Langage de balisage hypertexte

     CSS

     Feuilles de style en cascade

     Comprendre la structure de base du HTML, ses balises et ses attributs, ainsi que comment créer des listes est un élément fondamental pour apprendre à devenir développeur front-end. Dans le chapitre suivant, nous explorerons le CSS et comment il est utilisé pour styliser les pages HTML.