Balise d'article HTML

Balise D Article Html



HTML5 a introduit le '

” balise qui peut être utilisée 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, etc.

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 la même manière en termes de fonctionnalité, de style et d'affichage. Cependant, la balise
dans 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 ci-dessous :



< article > article >


Ici, ' ' est la balise de départ, et '

” est la balise de fin.





Passons en revue un exemple pour démontrer l'utilisation de la balise

.

Exemple : Utilisation de la balise

en HTML



En HTML, ajoutez d'abord une balise

avec une classe nommée ' tout-OS ” et le

pour le titre. Ensuite, ajoutez une autre balise
avec une classe nommée ' tu ”. À l'intérieur de cette balise
, spécifiez le

pour le titre et le

pour un paragraphe. Après cela, incluez les deux balises

imbriquées avec les balises

et

comme suit :

< article classer = 'tout-OS' >
< h1 > Systèmes d'exploitation les plus populaires h1 >
< article classer = 'tu' >
< h2 > les fenêtres h2 >
< p > Windows est un groupe de plusieurs systèmes d'exploitation graphiques propriétaires. Il est développé et commercialisé par Microsoft. p >
article >
< article classer = 'tu' >
< h2 > Linux h2 >
< p > Linux est un système d'exploitation open source basé sur le noyau Linux. Il est généralement emballé comme une distribution Linux. p >
article >
< article classer = 'tu' >
< h2 > macOS h2 >
< p > 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 Pomme les ordinateurs Mac.




La section suivante décrira les styles CSS appliqués aux éléments HTML mentionnés ci-dessus.



Diviser tous les systèmes d'exploitation de style

.all-OS {
marge: 0 ;
rembourrage : 5px ;
couleur de fond : rvb ( 155 , 155 , 155 ) ;
}


Le div avec le nom de la classe ' tout-OS ” est stylé comme ceci :

    • ' .all_OS ” est utilisé pour accéder au
      associé.
    • ' marge ” 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

.tu {
marge : 10px ;
rembourrage : 5px ;
fond : blanc ;
}


Appliquer des styles au prochain

nommé ' tu ”. La description des propriétés est donnée ci-dessous:

    • ' .tu ” accéder à la
      avec le nom os.
    • ' marge ” propriété ajoute un espace de 10px autour de la div.
    • ' rembourrage ” La propriété ajoute un espace de 5 pixels autour du contenu de l'élément div.
    • ' Couleur de l'arrière plan ” 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 stylisé en définissant les propriétés comme indiqué ci-dessous.

Élément de style p

p {
marge : 3px ;
taille de police : 15 px ;
}


Les propriétés suivantes sont appliquées à l'élément

 :

    • ' marge ” La propriété ajoute un espace de 3 pixels autour du contenu de l'élément.
    • ' taille de police ” La propriété définit la taille de la police du texte sur 15 pixels.

Enregistrez le code ajouté et ouvrez le fichier dans votre navigateur. Le résultat sera affiché comme indiqué ci-dessous :


Le document fourni ci-dessus peut avoir plusieurs articles, et l'explication relative à chaque système d'exploitation est contenue dans la balise

. De plus, un article s'affiche l'un après l'autre au fur et à mesure que 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 auteurs d'articles ou les blogueurs écrivent le document en gardant à l'esprit le concept de base du sujet. De même, en HTML, les balises

sont utilisées pour mentionner un contenu entièrement contenu et indépendant. De plus, il peut y avoir une ou plusieurs balises
dans un fichier HTML, qui peuvent être imbriquées. Cette étude a expliqué l'utilisation de la balise
avec un exemple.