Le langage de balisage hypertexte, également connu sous le nom de HTML, est utilisé pour créer des applications Web. Les balises HTML, communément appelées éléments, sont l'aspect le plus important du langage HTML. Les balises HTML intègrent et affichent du contenu ou des informations sur des pages Web. Il existe deux types de balises HTML : les balises vides et conteneurs.
Ce blog explique comment utiliser les balises vides et conteneurs en HTML.
Balises vides
Les balises vides sont également appelées ' singleton ' ou alors ' vide ' Mots clés. La balise void ne contient jamais de contenu, mais des attributs peuvent être spécifiés. Ces balises n'ont pas de balise de fin et peuvent contenir une barre oblique inverse dans la balise. Les exemples de balises vides sont '
', '', '', '
Syntaxe
La syntaxe pour mentionner les éléments void en HTML est la suivante :
< balise vide />
Pour voir comment travailler avec des balises vides, consultez l'exemple ci-dessous. Les '
” est connue sous le nom de balise de saut de ligne et est utilisée pour couper la ligne :
< p > Balises HTML vides < Br > La ligne Pause Étiqueter p >
La sortie indique que le '
” tag a cassé la ligne :
Nous pouvons ajouter des propriétés de style CSS aux balises HTML. Les '
< heure style = 'border-top : 3 px en pointillés rouges ;' > La ligne Pause Étiqueter
p >
Les ' border-top ” La propriété CSS est appliquée au “
Sortir
Jusqu'à présent, nous avons discuté des balises HTML vides. Nous allons maintenant passer en revue les balises de conteneur HTML dans la section suivante.
Balises de conteneur
Les balises de conteneur HTML se composent de trois parties : balises de début, balises de contenu et balises de fin. La syntaxe de la balise conteneur HTML est donnée comme suit :
< commence jour > Contenu balise de fin >Consultez les exemples ci-dessous pour savoir comment la balise conteneur fonctionne en HTML.
Exemple 1 : Comment ajouter un paragraphe en HTML ?
Les ' La balise ” est utilisée pour incorporer le paragraphe dans le document HTML :
< p > Ceci est une balise de paragraphe p >Sortir
Exemple 2 : Comment ajouter des titres en HTML ?
Il existe six niveaux de balises de conteneur d'en-tête qui peuvent être utilisées pour ajouter des en-têtes à une page Web. Mettons-les dans un document HTML pour voir comment ils fonctionnent et s'affichent sur une page Web :
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Sortir
Nous pouvons fournir le style en ligne à ces balises. Prenons l'exemple ci-dessous, qui montre comment appliquer diverses propriétés de style CSS à ces balises :
< h1 style = 'couleur de fond : chardon ; famille de polices : cursive ;' > Linux h1 >< h2 style = 'couleur d'arrière-plan : blé ; alignement du texte : centre ;' > Linux h2 >
< h3 style = 'couleur de fond : tomate ; couleur : blanc ;' > Linux h3 >
< h4 style = 'font-family: 'Trebuchet MS'; background-color: yellowgreen;' > Linux h4 >
< h5 style = 'couleur de fond : violet ;' > Linux h5 >
< h6 style = 'couleur de fond : fumée blanche ;' > Linux h6 & gt
Voici l'explication des propriétés indiquées ci-dessus :
- Les ' Couleur de l'arrière plan ” ajoute de la couleur à l'arrière-plan de l'élément.
- ' famille de polices ” La propriété ajuste le style de police de l'élément.
- ' aligner le texte ” La propriété ajuste le placement ou l'alignement du texte.
Sortir
Nous vous avons montré comment utiliser les balises HTML vide et conteneur.
Conclusion
Les balises vides et les balises de conteneur sont des composants majeurs des documents HTML qui intègrent le contenu et les informations sur une page Web. Les balises vides ne contiennent aucun contenu et se composent uniquement de la balise de début avec une barre oblique inverse à la fin, comme
. Cependant, les balises de conteneur contiennent les balises de début et de fin ainsi que le contenu. Ce blog a élaboré sur le fonctionnement des éléments vides et conteneurs en HTML.