Maison  >  Article  >  interface Web  >  Quels sont les éléments HTML en ligne et le niveau de bloc ?

Quels sont les éléments HTML en ligne et le niveau de bloc ?

DDD
DDDoriginal
2023-08-21 14:22:234841parcourir

Les éléments HTML en ligne et les éléments de niveau bloc incluent : 1. Les éléments en ligne incluent a, span, strong, em, img, input, button, label, etc. 2. Les éléments de niveau bloc incluent div, p, h1-h6 ; , ul, ol, li, table, form, etc.; 3. En tant qu'éléments en ligne et éléments de niveau bloc, a, span, img, etc. deviendront des éléments de niveau bloc lorsque "display: block;" est utilisé.

Quels sont les éléments HTML en ligne et le niveau de bloc ?

L'environnement d'exploitation de cet article : système Windows 10, ordinateur Dell G3.

Les éléments HTML peuvent être divisés en deux types : les éléments en ligne et les éléments de niveau bloc. Ces deux éléments ont des caractéristiques différentes en termes de mise en page et d'affichage.

Éléments en ligne :

Les éléments en ligne n'occuperont pas de ligne par défaut, ils seront disposés horizontalement sur la même ligne. Les éléments en ligne n'occupent que l'espace requis par leur contenu et ne forcent pas les sauts de ligne.

Les éléments en ligne courants sont :

 : utilisés pour créer des liens.

 : utilisé pour styliser ou regrouper des éléments en ligne dans le texte.

 : Texte utilisé pour exprimer l’emphase.

 : utilisé pour représenter un texte en italique ou souligné.

: utilisé pour insérer des images.

 : utilisé pour créer des champs de saisie.

: utilisé pour créer des boutons.

Éléments de bloc :

Les éléments de niveau bloc occuperont eux-mêmes une ligne et les sauts de ligne seront automatiquement ajoutés avant et après. Ils rempliront autant que possible la largeur de leur élément parent.

Les éléments courants au niveau du bloc sont :

 : utilisé pour regrouper des éléments ou définir des styles.

: utilisé pour définir les paragraphes.

-

: permet de définir le titre.