Il y a trois parties de n'importe quel site Web: l'en-tête, le corps et le pied de page. Dans ces parties, d'autres éléments HTML sont utilisés, tels que des titres, des images, des paragraphes, et plus. Plus précisément, pour entourer le contenu principal de la page Web, la balise HTML est utilisée, qui est introduite dans HTML5.

Cet article discutera du HTML "" étiqueter. Alors, commençons!

Qu'est-ce que la balise HTML?

La balise HTML se compose du contenu principal du document, qui fait référence au concept principal de la page Web. Il exclut toute barre de navigation, en-tête, pied de page et plus. De plus, une seule étiquette principale est utilisée dans n'importe quel document. S'il y a plus d'un élément principal dans un fichier HTML, alors d'autres devraient être cachés simultanément.

Comment utiliser la balise HTML?

Pour utiliser la balise HTML, suivez la procédure ci-dessous:

Dans le code ci-dessus, l'élément principal est représenté par la balise de départ et la balise de fermeture.

Exemple: comment insérer la balise dans HTML?

Dans le fichier html, à l'intérieur de la balise corporelle, ajoutez un "”Tag qui comprend le

Tag pour le titre. Après cela, ajoutez la balise, qui comprend deux balises supplémentaires,

et

, pour le titre et le paragraphe, respectivement. Pour ajouter plus de contenu, nous utiliserons également des balises.

Voici le code du scénario discuté:

Système opérateur

les fenêtres

Windows est un groupe de plusieurs systèmes d'exploitation graphiques développés par Microsoft.

Linux

Linux est un système d'exploitation open source basé sur le noyau Linux.

macos

MacOS est un système d'exploitation UNIX développé par Apple Inc.

En fournissant le code ci-dessus, la page Web ressemblera à ceci:

Note: La balise principale ne comprend que le sujet central du document. Un document ne doit pas inclure plus d'une balise. De plus, l'utilisation de la balise principale comme élément enfant n'est pas autorisée.

Appliquons les propriétés CSS aux éléments HTML codés ci-dessus.

Élément principal de style

principal
marge: 0;
rembourrage: 6px;
Color d'arrière-plan: # 00ABB3;

La balise HTML utilisée dans la page HTML ci-dessus est stylée avec les propriétés suivantes:

• "marge»La propriété est utilisée pour le réglage de l'espace autour de l'élément.
• "rembourrage«La propriété est utilisée pour ajouter de l'espace autour du contenu de l'élément.
• "Couleur de l'arrière plan»La propriété spécifie la couleur de l'arrière-plan de l'élément.

Style H1, H2, P Éléments de la div principale

Main> H1,
h2,
p,
.os
marge: 15px;
rembourrage: 3px;

Le "Main> H1, H2, P»Signifie les éléments enfants H1, H2 et P de l'étiquette principale, sur laquelle nous avons appliqué les mêmes propriétés.

Style OS Div

.os
Contexte: blanc;

Le ".OS"Est utilisé pour accéder à la div avec la classe nommée"OS". Sur ce conteneur, la couleur d'arrière-plan est spécifiée comme «blanc".

Style H2 et P Éléments de OS Div

.OS> H2,
p
marge: 4px;

Le ".OS> H2, P»Signifie que les éléments enfants H2 et P de l'élément div ont la même valeur de marge.

Voici la sortie:

C'est ça! Nous avons discuté de la balise et comment elle doit être utilisée dans HTML.

Conclusion

HTML5 présente le «”Tag qui ne se compose que du contenu dominant de la page Web. Il n'inclut pas les éléments répétitifs, tels que les barres de navigation, les barres de diapositives, les informations sur le droit d'auteur, et plus. La section corporelle du document HTML ne doit contenir qu'une seule balise. Cet article a démontré l'étiquette et son utilisation dans HTML.