Html pre tag

Les balises de formatage de texte HTML s'étendent sur une très large plage. Une balise de formatage de texte importante dans HTML est connue sous le nom de balise «pré». Cette balise est utilisée pour afficher du texte sur une page Web, tout comme elle est écrite dans le script HTML. Cela signifie que votre script HTML ou votre navigateur ne formara pas votre texte seul; il préservera plutôt le formatage que vous avez gardé en écrivant le script. En passant par ce guide, vous apprendrez à utiliser la TAG PRE dans HTML.

Utilisation de la TAG PRE dans HTML:

Pour utiliser la TAG PRE dans HTML, vous pouvez considérer les trois exemples suivants:

Exemple n ° 1: Affichage du texte pré-format aléatoire sur une page Web:

Dans cet exemple, nous avons l'intention d'afficher un texte pré-format aléatoire sur une page Web en utilisant la pré-étiquette de HTML. Le script HTML que nous avons écrit à cet effet est montré dans l'image ci-dessous:

Dans ce script HTML, nous avons utilisé la balise «PRE» pour entourer un paragraphe aléatoire. Vous pouvez voir que ce paragraphe contient des espaces et des pauses de ligne à des endroits aléatoires. Notre objectif est de faire apparaître ce texte tel qu'il est sur la page Web. C'est exactement pourquoi nous avons utilisé la tag HTML Pre.

Lorsque nous avons exécuté le script HTML indiqué ci-dessus avec le navigateur Google Chrome, notre texte est apparu exactement comme sur la page Web, comme vous pouvez le voir sur l'image suivante. Cela signifie que le formatage de ce texte, je.e., Les espaces aléatoires et les pauses de ligne ont été bien conservés en raison de l'utilisation de la balise HTML PRE.

Exemple # 2: Affichage d'une image sur une page Web:

Dans le deuxième exemple, nous allons aller plus loin et essayer de dessiner une image en utilisant la tag HTML Pre. Nous avons l'intention d'afficher une vache sur notre page Web, à cause de laquelle nous avons utilisé le script HTML illustré ci-dessous:

Dans cet exemple, nous avons dessiné une vache dans notre script HTML en utilisant différents symboles. Nous voulions préserver le formatage de ce dessin parce que nous l'avons enfermé dans la pré-étiquette de HTML.

Lorsque nous avons exécuté ce script HTML, notre dessin est apparu comme il se trouve sur la page Web comme indiqué dans l'image suivante:

Exemple # 3: Affichage d'une image sans la TAG PRE dans HTML sur une page Web:

Dans cet exemple, nous modifierons légèrement notre deuxième script pour voir l'effet de la suppression de la TAG de ce script HTML. Ceci est montré dans l'image ci-dessous:

Lorsque nous avons exécuté le même script avec le navigateur Google Chrome après avoir retiré la TAG HTML, le formatage de notre dessin a été gâché et nous n'avons pu voir que des symboles dispersés sur la page Web, comme le montre l'image suivante. Cela met en évidence la signification de l'utilisation de la TAG PRE dans HTML.

Conclusion:

Cet article était destiné à vous fournir une compréhension approfondie de la TAG PRE dans HTML. Pour transmettre correctement ce concept, nous avons partagé avec vous trois exemples détaillés qui utilisent cette balise HTML. Une fois que vous avez parcouru ces exemples, vous apprendrez rapidement à utiliser cette balise dans HTML.