Différence clé - Éléments en bloc et 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. Cette langue se compose de balises. Une étiquette est placée entre des accolades angulaires. La syntaxe est similaire à celle de. La plupart des balises ont également une balise de fermeture. Quand est une balise, la balise de fermeture est. Certaines balises n'ont pas de balise de fermeture. Des exemples de telles étiquettes 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 dans le navigateur Web. Il représente chaque document dans une structure arborescente. Dans le navigateur, les éléments affichables peuvent être soit un élément de 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.
CONTENU
1. Présentation et différence clé
2. Que sont les éléments de bloc
3. Que sont les éléments en ligne
4. Similitudes entre les éléments de bloc et en ligne
5. Comparaison côte à côte - Éléments de bloc et éléments en ligne sous forme tabulaire
6. Résumé
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 existe six balises pour définir les en-têtes. Elles 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 aussi 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 prennent uniquement la largeur requise. Ces éléments ne commencent pas par une nouvelle ligne. Voici quelques exemples d'éléments en ligne. permet de 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
Le est utilisé pour mettre en gras une section de texte. La balise doit mettre le texte en italique. Une page Web doit être présentable. Par conséquent, toute page Web se compose de plusieurs images. L
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 dans HTML.
Quelle est la différence entre les éléments en bloc et en ligne?
Diff article au milieu avant la table
Bloc vs éléments en ligne |
|
| Les éléments de bloc sont les éléments qui couvriront 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 en ligne 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 des éléments de bloc. |
| 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 prendront uniquement la largeur requise. |
Résumé - Éléments en bloc ou en ligne
HTML est l'acronyme de 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 la balise de début et la 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échargez 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 Block et Inline
