Types de balises en HTML

Les balises peuvent être définies comme des instructions qui sont directement intégrées dans le texte d'un document HTML. Les types de balises utilisés dans le document HTML sont chargés d'indiquer à un navigateur Web de faire quelque chose (suivre les instructions) au lieu de simplement afficher du texte. Dans un document HTML, tous les noms de balises sont différenciés des autres textes simples. Les noms de balises sont placés entre crochets angulaires ou entre les symboles « inférieur à » et « supérieur à », (<) et (>).

Les 3 principaux types de balises en HTML

Un document HTML est créé à l'aide de différents types de balises. Les balises HTML peuvent être définies et divisées sur une base différente. Voyons-les dans les prochaines parties de cet article. Nous avons divisé les balises HTML en fonction des classifications suivantes :

1. Balises appariées et non appariées

Voici les balises appariées et non appariées en HTML expliquées en détail à l'aide d'exemples.

Tags jumelées

Une balise HTML est appelée balise appariée lorsque la balise se compose d'une balise d'ouverture et d'une balise de fermeture comme balise d'accompagnement. Une balise HTML Paired commence par une balise d'ouverture : le nom de la balise entre crochets angulaires ; par exemple, une balise d'ouverture de paragraphe s'écrit «

». Le contenu suit la balise d'ouverture, qui se termine par une balise de fin : le nom de la balise commençant par une barre oblique ; par exemple, une balise de fin de paragraphe s'écrit «

». La première balise peut être appelée « balise d'ouverture » et la deuxième balise peut être appelée balise de fermeture.

Exemple n°1 :

<p> This text is a paragraph . </p>

Sortie :

REMARQUE : Ici, la balise d'ouverture est et la balise de fermeture est

.

Exemple n°2 :

Un autre exemple de balise appariée est celui des balises italiques et/ou grasses :

<i> <b> This is a bold and italicized text </b> </i>

Sortie :

Remarque : Ces balises appariées sont également appelées balises de conteneur.

Tags non appariés

Une balise HTML est appelée balise non appariée lorsqu'elle n'a qu'une balise d'ouverture et n'a pas de balise de fermeture ni de balise d'accompagnement. La balise HTML non appariée ne nécessite pas de balise de fermeture ; une balise d'ouverture est suffisante dans ce type. Les balises non appariées sont parfois également nommées balises autonomes ou balises singulières car elles ne nécessitent pas de balise compagnon.

Exemple :

 This is a paragraph 

<i> <b> This is a bold and italicized text </b> </i>

Sortie :

Remarque : Ici, le symbole

---

est la balise non appariée utilisée pour créer une ligne horizontale. Dans les anciennes versions, vous pourriez voir la balise hr écrite sous la forme

---

au lieu de

---

. Ces balises sont également appelées balises vides.

2. Balises à fermeture automatique

Les balises à fermeture automatique sont les balises HTML qui n'ont pas de balise partenaire, où la première balise est la seule balise nécessaire et valide pour le formatage. Les informations principales et importantes sont contenues DANS l'élément en tant qu'attribut. Une balise d'image est un exemple classique de balise à fermeture automatique. Voyons-le en action ci-dessous :

Exemple :

<img src="a.jpg" alt="This is an alternate text">

Remarque : Dans les anciennes versions, les balises à fermeture automatique utilisent une « barre oblique » avant le signe/symbole de fin ou de fermeture « supérieur à », comme écrit ci-dessous :

3. Balises basées sur des utilitaires

Les balises HTML peuvent être largement différenciées sur la base de leur utilité, c'est-à-dire sur la base de l'objectif qu'elles servent. Nous pouvons les diviser essentiellement en trois catégories, comme indiqué ci-dessous :

Balises de formatage

Les balises HTML qui nous aident dans le formatage des textes comme la taille du texte, les styles de police, la mise en gras d'un texte, etc. Cela se fait en utilisant des balises comme , , < u>, etc. Les tableaux, divisions et balises span sont également des balises qui permettent de formater une page Web ou un document et de définir la mise en page de la page. Vous trouverez ci-dessous un petit programme utilisant des divisions pour formater la page ainsi que d'autres balises de formatage.

Exemple :

<body>
<div class="container">
<div class="row">
<div class="col-25">
<label for="email"><b>Name</b></label>
</div>
<div class="col-35">
<input type="text" placeholder="First" name="fname" required>
</div>
<div class="col-35">
<input type="text" placeholder="Last" name="lname" required>
</div>
</div>
</div>
</body>

Sortie :

Balises de structure

Les balises HTML qui aident à structurer le document HTML sont appelées balises de structure. Description, head, html, title, body, etc., forment le groupe des balises de structure de page. Les balises de structure aident uniquement à créer ou à former la page HTML de base à partir de la racine ; c'est-à-dire qu'ils n'affectent pas ou n'ont aucune influence sur le formatage des textes. Ainsi, un programme HTML de base est le groupe de base de balises structurelles :

Exemple :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Types of Tags Demo</title>
</head>
<body>
<p> This is a paragraph </p>
<i><b> This is a bold and italicized text </b></i>
</body>
</html>

Sortie :

Balises de contrôle

Une autre catégorie de balises pouvant être créées est celle des « Balises de contrôle ». Les balises Script, les boutons radio ou cases à cocher, les balises Form, etc., forment les balises de contrôle. Ce sont les balises utilisées pour gérer le contenu ou gérer des scripts ou des bibliothèques externes. Toutes les balises de formulaire, listes déroulantes, zones de saisie de texte, etc., sont utilisées pour interagir avec le visiteur ou l'utilisateur.

La distinction ci-dessus des balises HTML est basée sur le type de balises et leur utilité. Les balises HTML peuvent également être simplement divisées en fonction de catégories de base telles que les balises racine HTML de base, les balises de formatage, les balises audio et vidéo, les balises de formulaire et d'entrée, les balises de cadre, les balises de lien, les balises de liste, les balises de tableau, les balises de style, les balises méta, etc. .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!