Les éléments de niveau bloc couramment utilisés en HTML incluent :
- : définit un bloc séparé dans le document, généralement en tant que conteneur pour la mise en page CSS.
: définissez un paragraphe qui enveloppera automatiquement les lignes et ajoutera un espacement des paragraphes.
- et
- : définissez des listes non ordonnées et des listes ordonnées, chaque élément de liste est un élément de niveau bloc.
- : définissez les éléments de la liste qui doivent être contenus dans
~
: définissez le titre, où
est le titre de plus haut niveau.
, De plus, HTML possède également des balises sémantiques, telles que
, , etc., qui sont également des éléments de niveau bloc. Il convient de noter qu'en définissant display: inline-block; en CSS, certains éléments de niveau bloc peuvent être convertis en éléments de bloc en ligne pour obtenir un effet de mise en page plus flexible.
Les éléments en ligne couramment utilisés incluent :
- : définit une petite partie du texte, généralement utilisée pour définir les styles de texte (tels que la couleur, la police, etc.) ou utilisée pour envelopper d'autres balises.
- : définit un lien hypertexte, qui peut contenir d'autres éléments en ligne ou des éléments de niveau bloc.
- et : utilisés respectivement pour représenter le texte souligné et italique.
- : définit l'image, qui est une balise vide sans balise de fermeture.
- : définissez des contrôles de formulaire pour la saisie utilisateur, y compris plusieurs types (tels que des zones de texte, des cases radio, des cases à cocher, etc.), généralement stylisés via CSS.
De plus, certains éléments de bloc en ligne, tels que