Accueil Formations Apprendre CSS 3

Utilisation de la balise HTML pré pour le texte préformaté

Retour à la formation
Chapitre 17 Leçon 1
Précédent
Suivant

Découvrez comment la balise HTML pré permet de représenter du texte préformaté avec des espaces consécutifs et son utilisation correcte.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons examiner l'élément HTML pré, utilisé pour représenter du texte préformaté. Contrairement à un texte HTML classique où les espaces supplémentaires et les sauts de ligne sont ignorés, le texte à l'intérieur de la balise pré conserve tous les espaces et les sauts de ligne tels qu'ils ont été saisis. Ce comportement peut être essentiel pour afficher du texte de manière structurée ou coder des extraits de code où l'indentation compte.

Nous allons voir comment encapsuler le texte dans les balises <pre> et </pre>, et les précautions à prendre, telles que commencer le texte à partir du bord de la page pour s'assurer que les espaces soient correctement pris en compte par le navigateur.

Grâce à la balise pré, vous pouvez présenter des extraits de code, des poèmes ou toute autre forme de texte où la mise en forme spatiale est cruciale, et vous apprendrez à exploiter cette fonctionnalité pour améliorer la présentation de vos contenus web.

Objectifs de cette leçon

Les objectifs de cette vidéo sont d'apprendre à :

  • Utiliser la balise HTML pré
  • Conserver les espaces et la mise en forme originale du texte
  • Améliorer la présentation des contenus texte sensibles à l'espace comme le code

Prérequis pour cette leçon

Avoir une compréhension de base de l'HTML et savoir utiliser un éditeur de texte pour coder en HTML.

Métiers concernés

Les compétences acquises dans cette vidéo sont particulièrement utiles pour les :

  • Développeurs web
  • Designers UI/UX
  • Rédacteurs techniques

Alternatives et ressources

Pour des besoins spécifiques en mise en forme de code, vous pouvez également envisager d'utiliser des encadrés de code fournis par des bibliothèques de mise en forme comme Prism.js ou Highlight.js.

Questions & Réponses

La balise pré est utilisée pour conserver les espaces et les sauts de ligne dans le texte, utile pour afficher du texte préformaté comme du code source.
Il est important de commencer le texte à partir du bord de la page et d'utiliser des espaces pour garantir que le navigateur prenne bien en compte les espacements.
Dans une balise p, les espaces consécutifs et les sauts de ligne sont ignorés, tandis que dans une balise pré, ils sont préservés tels qu'ils ont été saisis.