Différence entre les éléments en bloc et en ligne

2024 Auteur: Alex Aldridge | [email protected]. Dernière modifié: 2023-12-17 13:38

Différence clé - Bloc vs éléments en ligne

HTML signifie Hyper Text Markup Language. Il est utilisé pour créer des pages Web. Chaque page Web est connectée à d'autres pages Web à l'aide d'hyperliens. Ce langage est constitué de balises. Une étiquette est entourée d'accolades. La syntaxe est similaire à. La plupart des balises ont également une balise fermante. Quand est une balise, la balise fermante est. Certaines balises n'ont pas de balise fermante. Des exemples de ces balises sont

et

Ils sont connus sous le nom de balises vides. Un élément HTML est un composant du document HTML ou de la page Web après avoir été analysé dans le modèle d'objet de document (DOM). DOM est une représentation interne au sein du navigateur Web. Il représente chaque document dans une arborescence. Dans le navigateur, les éléments affichables peuvent être soit un élément bloc, soit un élément en ligne. Les éléments de bloc ont une structure rectangulaire. Les éléments en ligne peuvent être incorporés dans des éléments de bloc. La principale différence entre le bloc et l'élément en ligne est que les éléments de bloc occupent toute la largeur disponible tandis que les éléments en ligne prennent la largeur requise pour afficher le contenu des éléments.

Que sont les éléments de bloc ?

Les éléments de bloc prennent toute la largeur disponible. Ces éléments commencent toujours par une nouvelle ligne. Voici quelques exemples d'éléments de bloc.

est utilisé pour définir un paragraphe. par exemple

Ceci est un paragraphe

. Il y a six balises pour définir les en-têtes. Ils sont

,

,

…

. Le programmeur peut utiliser l'en-tête en conséquence.

La liste ordonnée est définie par

tandis que la liste non ordonnée est définie par

. Le est utilisé pour afficher une ligne horizontale sur la page Web. Le

est utilisé pour organiser les données dans un format de tableau. Pour chaque site Web, il est nécessaire de collecter des données auprès des visiteurs du site. Les formulaires HTML sont utilisés pour obtenir des données de l'utilisateur. C'est également un élément de niveau bloc. Ce sont quelques exemples d'éléments de bloc en HTML.

Que sont les éléments en ligne ?

Les éléments en ligne ne prennent que la largeur requise. Ces éléments ne commencent pas par une nouvelle ligne. Voici quelques exemples d'éléments en ligne. est utilisé pour créer des liens d'une page à une autre. Les hyperliens sont l'un des éléments essentiels du HTML. Il peut contenir l'attribut href pour créer un lien vers la destination. par exemple. Visitez Google. L'attribut cible est vide. Par conséquent, le nouveau document s'ouvrira dans une nouvelle fenêtre. Si l'attribut cible est « _self », le document lié s'ouvrira dans la même fenêtre.

Figure 01: Exemples d'éléments en bloc et en ligne

Leest utilisé pour mettre en gras une section de texte. La balise est de mae le texte en italique. Une page Web doit être présentable. Par conséquent, toute page Web se compose de plusieurs images. Le

est utilisé pour afficher une image sur la page. Cette balise nécessite deux attributs. Ce sont src et alt. Le " src" décrit l'emplacement de l'image et le " alt" décrit le sujet de l'image. par exemple.. Voici quelques exemples d'éléments en ligne.

Quelle est la similitude entre les éléments en bloc et en ligne ?

Les éléments de bloc et en ligne sont utilisés comme conteneurs en HTML

Quelle est la différence entre les éléments en bloc et en ligne ?

Bloc vs éléments en ligne
Les éléments de bloc sont les éléments qui s'étendront sur toute la largeur de l'élément parent et ne permettront à aucun autre élément d'occuper le même espace horizontal sur lequel il est placé.	Les éléments inline sont les éléments qui ne peuvent pas être placés directement à l'intérieur de l'élément body et qui sont imbriqués dans les éléments block.
Nouvelle ligne
Les éléments de bloc commencent par une nouvelle ligne.	Les éléments en ligne ne commencent pas par une nouvelle ligne.
Espace requis
Les éléments de bloc prennent toute la largeur.	Les éléments en ligne ne prendront que la largeur requise.

Résumé - Bloc vs éléments en ligne

HTML signifie Hyper Text Markup language. C'est un langage composé de balises. Chaque balise a une tâche spécifique et définit comment structurer la page Web. Certaines balises ont une balise de début et une balise de fin. Certaines balises n'ont pas de balise de fin. Ils sont appelés balises vides. L'analyse syntaxique est le processus d'analyse de la syntaxe. Après l'étape d'analyse, ces balises deviennent des éléments. Les éléments peuvent être des éléments de niveau bloc ou des éléments en ligne. La différence entre les éléments de bloc et les éléments en ligne est que les éléments de bloc occupent toute la largeur disponible tandis que les éléments en ligne prennent la largeur requise pour afficher le contenu des éléments.

Télécharger la version PDF de Block vs Inline Elements

Vous pouvez télécharger la version PDF de cet article et l'utiliser à des fins hors ligne conformément à la note de citation. Veuillez télécharger la version PDF ici: Différence entre les éléments en bloc et en ligne