Chapitre 4.5 : Introduction au HTML : structure de base, balises et attributs - Balises d'en-tête

HTML, ou HyperText Markup Language, est le langage de balisage standard pour la création de pages Web. Il permet aux développeurs de créer du contenu structuré en incorporant du texte, des images, des liens et d'autres éléments. La structure de base d'un document HTML se compose de « balises » et d'« attributs ».

Structure de base du HTML

La structure de base d'un document HTML est constituée d'une série d'éléments HTML, chacun représenté par une balise. Une balise est un identifiant d’élément entouré de crochets angulaires. Les balises viennent généralement par paires, avec une balise d'ouverture et une balise de fermeture, et le contenu de l'élément se situe entre les deux.

Par exemple, un paragraphe de texte serait écrit comme suit :

<p>Ceci est un paragraphe.</p>

Ici, <p> est la balise d'ouverture, </p> est la balise de fermeture et "Ceci est un paragraphe". est le contenu de l'élément.

Balises et attributs

Les balises HTML définissent le type et la structure du contenu, tandis que les attributs fournissent des informations supplémentaires sur les éléments. Les attributs sont inclus dans la balise d'ouverture et sont représentés par un nom et une valeur. Par exemple, la balise de lien <a> peut inclure l'attribut "href" pour spécifier l'URL du lien :

<a href="https://www.example.com">Ceci est un lien.</a>

Ici, "href" est le nom de l'attribut et "https://www.example.com" est la valeur de l'attribut.

Balises d'en-tête

Les balises de titre sont utilisées pour définir des titres et des sous-titres dans un document HTML. Il existe six niveaux de titres, représentés par les balises <h1> à <h6>. Le <h1> est utilisé pour le titre principal, tandis que le <h2> à <h6> sont utilisés pour les sous-titres de niveaux progressivement inférieurs.

Par exemple, un document HTML peut avoir la structure d'en-tête suivante :

<h1>Titre principal</h1>
<h2>Sous-titre 1</h2>
<h3>Sous-titre 2</h3>
<h4>Sous-titre 3</h4>
<h5>Sous-titre 4</h5>
<h6>Sous-titre 5</h6>

Les balises de titre structurent non seulement visuellement le contenu pour les lecteurs, mais elles jouent également un rôle important dans l'optimisation des moteurs de recherche (SEO) en aidant à déterminer la pertinence du contenu.

En résumé, la structure de base d'un document HTML est composée de balises et d'attributs qui définissent le type, la structure et les informations supplémentaires du contenu. Les balises de titre sont une partie importante de cette structure, car elles définissent les titres et sous-titres du contenu. Maîtriser l'utilisation de ces éléments de base est une étape fondamentale pour devenir un développeur front-end efficace.