Éléments de niveau en ligne et en blocs dans CSS | Expliqué

Éléments de niveau en ligne et en blocs dans CSS | Expliqué
Le langage de programmation Web fondamental, HTML, consiste en une vaste gamme d'éléments considérés comme des unités élémentaires d'une page Web. Ces éléments peuvent être classés en deux grands groupes qui sont Éléments en ligne et Éléments de niveau de bloc. Être conscient de ces deux catégories et de leurs différences est très significatif. Ce tutoriel éclaire ses lecteurs sur les éléments suivants;
  1. Éléments en ligne
  2. Éléments de niveau de bloc
  3. Comment échanger des éléments de niveau en ligne et bloquer

Commençons.

Éléments en ligne

Les éléments qui consomment uniquement la quantité d'espace requis sont appelés Éléments en ligne. Ils peuvent également être appelés éléments affichés dans une ligne.

Ces éléments ne commencent pas à partir d'une nouvelle ligne, vous pouvez en outre placer plusieurs éléments en ligne dans la même ligne.

Les éléments en ligne HTML sont , , , , , , , , , , , , , , , , , , , , , , , , , , ,
, , , , , et .

Dans la capture d'écran ci-dessous, vous pouvez voir que c'est un élément en ligne et ne prend que la quantité d'espace requise.

Maintenant, si vous ajoutez un autre élément en ligne, par exemple un autre bouton, il ne sera pas affiché sur une nouvelle ligne à la place, il sera affiché à côté du bouton précédent.

C'est ainsi que fonctionnent les éléments en ligne.

Maintenant que nous avons compris le concept d'éléments en ligne, explorons les éléments de niveau de blocage.

Éléments de niveau de bloc

Les éléments qui consomment tout l'espace disponible (de gauche à droite), et commencent à partir d'une nouvelle ligne sont considérées comme Éléments de niveau de bloc.

Les éléments de niveau de bloc sont capables de maintenir des éléments en ligne ainsi que d'autres éléments de niveau de bloc. La majorité des éléments de HTML sont des éléments de niveau de bloc.

Les éléments de niveau de bloc HTML sont ,

    ,