HTML5 a présenté le «»Tag qui peut être utilisé pour représenter un composant autonome spécifique dans n'importe quel document, application ou site. Ce composant HTML peut être réutilisable et distributif, comme dans un article de forum, un magazine, un article de blog et plus.
Cette étude vous apprendra sur la balise HTML. Alors allons-y!
Qu'est-ce que la balise HTML?
L'élément et l'élément fonctionnent de manière similaire en termes de fonctionnalité, de style et d'affichage. Cependant, la balise d'un document donne plus d'informations sémantiques aux moteurs de recherche et aux lecteurs d'écran. De plus, un fichier HTML contient plusieurs balises qui peuvent être imbriquées.
Comment utiliser la balise HTML?
Pour utiliser la balise HTML, suivez la syntaxe dirigée ci-dessous:
Ici, ""Est la balise de départ, et""Est la balise de fin.
Passons un exemple pour démontrer l'utilisation de la balise.
Exemple: Utilisation de la balise dans HTML
Dans HTML, d'abord, ajoutez une balise avec une classe nommée "All-OS" et le
pour la tête. Ensuite, ajoutez une autre balise avec une classe nommée "OS". À l'intérieur de cette balise, spécifiez le
pour le cap et
pour un paragraphe. Après cela, incluez les deux balises imbriquées avec
et
Tags comme suit:
Systèmes d'exploitation les plus populaires
les fenêtres
Windows est un groupe de systèmes d'exploitation graphiques propriétaires multiples. Il est développé et commercialisé par Microsoft.
Linux
Linux est un système d'exploitation open source basé sur le noyau Linux. Il est généralement emballé comme une distribution Linux.
macos
MacOS est un système d'exploitation UNIX développé et commercialisé par Apple Inc. Il est connu comme le système d'exploitation principal pour les ordinateurs Mac d'Apple.
La section suivante décrira les styles CSS appliqués aux éléments HTML mentionnés ci-dessus.
Style All-OS Div
.All-OS
marge: 0;
rembourrage: 5px;
Color en arrière-plan: RVB (155, 155, 155);
La div avec le nom de classe «All-OS"Est stylé comme ceci:
-
- ".all_os»Est utilisé pour accéder au lié .
- "marge»La propriété est utilisée pour ajouter de l'espace autour de l'élément div.
- "rembourrage»La propriété ajoute de l'espace autour du contenu de l'élément div.
- "Couleur de l'arrière plan"Est défini pour appliquer la couleur d'arrière-plan de l'élément div.
Style OS Div
.os
marge: 10px;
rembourrage: 5px;
Contexte: blanc;
Appliquez des styles au prochain nommé «OS". La description des propriétés est donnée ci-dessous:
-
- ".OS”Accédez au nom du nom.
- "marge»La propriété ajoute un espace de 10px autour du div.
- "rembourrage»La propriété ajoute un espace de 5px autour du contenu de l'élément div.
- "Couleur de l'arrière plan»La propriété définit la couleur d'arrière-plan de l'élément div.
Après avoir fourni les propriétés de style CSS aux balises ci-dessus, le paragraphe est conçu en définissant les propriétés comme mentionné ci-dessous.
Élément de style P
p
marge: 3px;
taille de police: 15px;
Les propriétés suivantes sont appliquées à la
élément:
-
- "marge»La propriété ajoute un espace 3px autour du contenu de l'élément.
- "taille de police»La propriété définit la taille de la police de texte comme 15px.
Enregistrez le code ajouté et ouvrez le fichier dans votre navigateur. Le résultat sera affiché comme indiqué ci-dessous:
Le document ci-dessus peut avoir plusieurs articles, et l'explication liée à chaque système d'exploitation est contenue dans la balise. De plus, un article s'affiche l'un après l'autre lorsque l'écran défile.
C'est ainsi que nous pouvons créer des articles de blog, des articles de forum et des documents de type magazine à l'aide de la balise HTML.
Conclusion
Comme nous le savons, les rédacteurs d'articles ou les blogueurs écrivent le document en gardant à l'esprit le concept principal du sujet. De même, dans HTML, les balises sont utilisées pour mentionner le contenu entièrement contenu et indépendant. De plus, il peut y avoir une ou plusieurs balises dans un fichier HTML, qui peut être imbriqué. Cette étude a expliqué l'utilisation de TAG avec un exemple.
