Comprendre les Balises de Niveau Bloc en HTML

Les balises de niveau bloc en HTML, également connues sous le nom d'éléments de bloc, sont des balises qui commencent sur une nouvelle ligne et occupent toute la largeur disponible de leur parent conteneur. Ces balises créent de plus grandes structures dans une page web, telles que des paragraphes, des en-têtes et des divisions.

Contrairement aux balises en ligne qui n'interrompent pas le flux de texte, les balises de bloc forcent un saut de ligne et commencent une nouvelle ligne. Voici quelques exemples de balises de bloc :

1. : La balise <div> est une balise de conteneur générale utilisée pour la mise en forme du style. Elle peut être utilisée pour regrouper d'autres éléments de bloc et en ligne.

2. à

   : Ce sont des balises d'en-tête qui vont de h1 (le plus grand) à h6 (le plus petit). Ces balises sont utilisées pour définir les en-têtes.

3. : La balise <p> est utilisée pour définir un paragraphe. Elle encadre un bloc de texte et insère automatiquement des espaces au-dessus et en dessous du texte.

Dans la question ci-dessus, la balise <div>, <h1> et <p> sont correctement identifiées comme des balises de niveau bloc. Cependant, <span> n'est pas une balise de niveau bloc. Il s'agit d'un élément en ligne, qui est utilisé pour regrouper un petit bout de code HTML pour lui appliquer un style ou effectuer une manipulation à l'aide de JavaScript.

Exemple de l'utilisation d'une balise de bloc :

<div>
  <h1>Mon En-tête</h1>
  <p>Mon paragraphe.</p>
</div>

Dans cette exemple, <div>, <h1> et <p> sont des balises de niveau bloc. Ils commencent chacun sur une nouvelle ligne et occupent tout l'espace disponible à la largeur de leur parent conteneur.

En résumé, la compréhension et l'utilisation correcte des balises de niveau bloc en HTML sont essentielles pour structurer et styliser efficacement votre page web.