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

Que sont les éléments HTML en ligne et les éléments de bloc ?

青灯夜游
青灯夜游original
2021-02-20 16:03:5418062parcourir

Les éléments HTML en ligne incluent : a (élément d'ancrage), b (gras), br (saut de ligne), code, em (emphase), police (paramètre de police), i (italique), img (image) , input (zone de saisie), span, strong (gras souligné), textarea, u, etc. ; les éléments de bloc incluent : adresse (adresse), blockquote (citation de bloc), center (bloc aligné au centre), div, h1~h6. (titre), hr (ligne de séparation horizontale), p, ul, ol, etc.

Que sont les éléments HTML en ligne et les éléments de bloc ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Remarques sur les éléments en ligne et les éléments de bloc

Selon la spécification CSS, chaque élément de page Web possède un attribut d'affichage, qui est utilisé pour déterminer le type de l'élément . , chaque élément a une valeur d'attribut d'affichage par défaut. Par exemple, un élément div a une valeur d'attribut d'affichage par défaut de « block » et devient un élément « de niveau bloc » tandis qu'un élément span a une valeur d'attribut d'affichage par défaut de « inline » ; ". », appelé élément « en ligne ». Les éléments au niveau du bloc tels que

div occuperont automatiquement un certain espace rectangulaire. Vous pouvez ajuster l'apparence de ce rectangle en définissant des attributs tels que la hauteur, la largeur, les marges intérieures et extérieures au contraire, comme "span" ; " Les éléments en ligne comme "a" n'ont pas leur propre espace indépendant. Ils existent attachés à d'autres éléments au niveau du bloc. Par conséquent, la définition d'attributs tels que la hauteur, la largeur et les marges intérieures et extérieures sur les éléments en ligne n'est pas valide.

La différence entre les éléments en ligne et les éléments de bloc :

(1) Les éléments de niveau bloc occuperont une ligne exclusive et leur largeur remplira automatiquement la largeur de leur. élément parent
Éléments en ligne Il n'occupera pas une ligne exclusive. Les éléments en ligne adjacents seront disposés sur la même ligne. Ils ne seront pas enroulés jusqu'à ce qu'ils ne puissent pas tenir sur une seule ligne. 🎜>(2). En général, les éléments au niveau du bloc peuvent être définis en largeur, les attributs de hauteur, les éléments en ligne définis en largeur, la hauteur invalide
(Remarque : même si la largeur des éléments au niveau du bloc est définie, elle occupe toujours un ligne exclusive)
(3). Les éléments au niveau du bloc peuvent définir la marge et le remplissage. Les éléments en ligne padding-left, padding-right, margin-left et margin-right produisent tous des effets de marge, mais le remplissage vertical-. top, padding-bottom, margin-top et margin-bottom ne produisent pas d'effet de distance. (Valable dans le sens horizontal, invalide dans le sens vertical) 🎜>
* center - bloc aligné au centre

* dir - liste de répertoires * div - niveau de bloc couramment utilisé, également la balise principale de la mise en page CSS

* dl - Liste de définitions

* champset - groupe de contrôle de formulaire

* form - formulaire interactif

* h1 - titre

* h2 - sous-titre

* h3 - Titres de niveau 3

* h4 - Titres de niveau 4

* h5 - Titres de niveau 5

* h6 - Titres de niveau 6

* hr - ligne de séparation horizontale

* isindex - invite de saisie

* menu - liste de menus

* noframes - contenu facultatif des frames, (pour une navigation qui ne prend pas en charge les frames Le navigateur affiche le contenu de ce bloc

* noscript - contenu de script facultatif (ce contenu est affiché pour les navigateurs qui ne prennent pas en charge le script)

* ol - formulaire de tri

* p - paragraphe

* texte pré-formaté

* table - tableau

* ul - liste non triée

élément d'élément en ligne)

* a - point d'ancrage

* abbr - abréviation

* acronyme - mot initial

* b - gras (non recommandé) * bdo - remplacement du bidi

* big - grande police

* br - saut de ligne

* citer - citer

* code - code informatique (obligatoire pour citer le code source) * dfn - champ de définition

* em - emphase

* police - paramètre de police ( non recommandé)

* i - italique

* img - image

* input - zone de saisie

* kbd - définir le texte du clavier

* label - étiquette du tableau

* q - citation courte

* s - trait de soulignement (non recommandé)

* samp - définir un exemple de code informatique

* select - sélection d'éléments

* small - texte en petite police

* span - conteneur en ligne couramment utilisé, définissant des blocs dans le texte

* strike - souligné

* fort - accent gras

* sub - indice

* sup - exposant

* textarea - zone de saisie de texte multiligne

* tt - télex

 * u - Souligner

* var - Définir les variables

Éléments variables

Les éléments variables sont déterminés en fonction du contexte Soyez un bloc. élément ou un élément en ligne.

* applet - applet java * bouton - bouton

* del - supprimer le texte

* iframe - cadre en ligne

* ins - texte inséré

* carte - bloc d'image (carte)

* objet - objet objet

* script - script client

associé Recommandé : "

tutoriel vidéo html

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn