Comment insérer des espaces dans un code HTML

Télécharger l'articleTélécharger l'article

Vous savez faire des espaces multiples et des sauts de ligne dans un traitement de texte classique, mais le savez-vous dans une page web ? Le langage HTML, qui sous-tend les pages web, a ses règles et si vous codez un texte avec plusieurs espaces entre chaque mot, HTML n'en restituera qu'un seul.

Méthode 1
Méthode 1 sur 3:

Insérer un espace en langage HTML

Télécharger l'article
  1. How.com.vn Français: Step 1 Ouvrez un document HTML.
    Ouvrez-le avec un éditeur de texte brut (NotePad ou TextEdit sous Windows, Text-Edit Plus sous macOS) ou avec un éditeur de site web (Adobe Dreamweaver). Pour ouvrir un document HTML déjà préparé, opérez comme suit :
    • retrouvez votre document HTML en utilisant l'Explorateur de fichiers (Windows) ou le Finder (Mac) ;
    • faites un clic droit sur le document HTML que vous voulez modifier ;
    • dans le menu, placez le curseur sur Ouvrir avec ;
    • cliquez sur le programme avec lequel votre document doit s'ouvrir.
  2. How.com.vn Français: Step 2 Appuyez sur la barre d'espace pour ajouter un espace normal.
    En HTML, si dans votre texte, vous faites un espace avec la barre d'espace, vous aurez un espace. Si vous en faites 4, 10 ou 100, vous n'aurez qu'un espace dans la page web.
  3. How.com.vn Français: Watermark How.com.vn to insérer des espaces dans un code HTML
    Cela signifie que les deux entités (mots, chiffres,etc.) de part et d'autre du symbole resteront ensemble et sur la même ligne [1].
    • Ainsi, si vous tapez Bonjour  le monde !, vous aurez deux espaces entre "Bonjour" et "le monde !".
    • Si ce caractère est bien pratique, il ne faut pas en mettre plusieurs d'affilée, car les navigateurs vont y perdre leur… HTML [2] !
    • Pour obtenir un espace supplémentaire, tapez  .
  4. How.com.vn Français: Watermark How.com.vn to insérer des espaces dans un code HTML
    Vous pouvez insérer des espaces plus larges grâce à une des options suivantes [3] :
    • pour deux espaces : tapez   ;
    • pour quatre espaces : tapez   ;
    • pour un retrait : tapez     .
    Publicité
Méthode 2
Méthode 2 sur 3:

Insérer un espace avec une feuille de style CSS

Télécharger l'article
  1. How.com.vn Français: Step 1 Ouvrez un document HTML ou CSS.
    Le code CSS peut être dans le document HTML ou dans une feuille de style externe.
    • L'entête d'un document HTML se trouve… en tête du document ! Ses caractéristiques s'inscrivent entre les balises <head> et </head>.
  2. How.com.vn Français: Watermark How.com.vn to insérer des espaces dans un code HTML
    C'est là que vous taperez votre code CSS. La définition du style s'inscrit dans l'entête du document HTML ou dans une feuille de style qui sera appelée depuis le document HTML. La structure est la même dans du HTML ou dans une feuille à part :
    • tapez <style>. Toute instruction CSS s'inscrit obligatoirement après cette balise ;
    • tapez </style>. Quand vous en terminez avec votre code CSS, c'est la balise qu'il faut mettre.
  3. How.com.vn Français: Watermark How.com.vn to insérer des espaces dans un code HTML
    Elle est la suivante : p {indent-text: 5em ;} et sera mise entre les deux balises de style. Le retrait obtenu est de 5 espaces vers la droite.
    • Libre à vous de modifier le nombre d'espaces, en remplaçant 5 par la valeur que vous voulez !
    • L'unité « em » est passepartout : c'est l'espace qui correspond à la police de caractères utilisée. Il est possible de remplacer em par un pourcentage (indent-text: 15 %;) ou une unité de mesure (indent-text: 3mm ;).
  4. How.com.vn Français: Watermark How.com.vn to insérer des espaces dans un code HTML
    Vous avez défini que tous les paragraphes auraient un retrait de 5 espaces. Chaque fois que, dans le corps du document, vous taperez la balise <p>, vous aurez un paragraphe en retrait de 5 espaces.
    Publicité
Méthode 3
Méthode 3 sur 3:

Obtenir un retrait avec du texte préformaté

Télécharger l'article
  1. How.com.vn Français: Step 1 Ouvrez un document HTML.
    Ouvrez-le avec un éditeur de texte brut (NotePad ou TextEdit sous Windows, Text-Edit Plus sous macOS) ou avec un éditeur de site web (Adobe Dreamweaver).Pour ouvrir un document HTML déjà préparé, opérez comme suit :
    • retrouvez votre document HTML en utilisant l'Explorateur de fichiers (Windows) ou le Finder (Mac) ;
    • faites un clic droit sur le document HTML que vous voulez modifier ;
    • dans le menu, placez le curseur sur Ouvrir avec ;
    • cliquez sur le programme avec lequel votre document doit s'ouvrir.
  2. How.com.vn Français: Watermark How.com.vn to insérer des espaces dans un code HTML
    C'est la balise d'ouverture de tout texte de ce type.
  3. How.com.vn Français: Watermark How.com.vn to insérer des espaces dans un code HTML
    Tapez-le normalement avec ses espaces, ses sauts de lignes (obtenus en appuyant sur la touche Entrée). Avec cette balise, tout sera restitué à l'identique sur votre navigateur [4].
  4. How.com.vn Français: Watermark How.com.vn to insérer des espaces dans un code HTML
    Ainsi sera fermé le passage préformaté.
    Publicité

Conseils

  • Si, après chargé votre fichier HTML, votre navigateur rend des choses étranges, c'est certainement que vous n'avez pas utilisé un éditeur de texte brut. Les traitements de texte, justement parce qu'ils « traitent » le texte, ne sont pas recommandés.
  • Le langage CSS est très puissant et permet de faire des feuilles de style remarquables, des espacements entre autres choses. Son inconvénient est que le codage demande du temps et pour amortir celui-ci, il faut beaucoup s'en servir.
  • L'espace insécable &nbsp; est bien pratique et incontournable, dans la mesure où il n'est pas possible de l'obtenir avec le clavier : vous aurez ainsi un beau rendu sur vos pages web.
Publicité

Avertissements

  • En HTML, appuyer dans un texte sur la touche de tabulation (↹) ou entrer le code &#09; ne rendront rien dans le navigateur. Par contre, les espaces seront bien visibles dans votre feuille de code. Les navigateurs ont un mode d'interprétation particulier.
  • Un code HTML s'écrit toujours dans un éditeur de code ou de texte brut, bref sans fioritures. Il y a bien une sauvegarde des fichiers de Word au format HTML, mais c'est assez rudimentaire et surtout difficile à retoucher. Pour coder, ne prenez pas de traitement de texte.
Publicité

À propos de ce How.com.vn

How.com.vn Français: Jessica Andzouana
Coécrit par:
Ingénieure en logiciels
Cet article a été coécrit par Jessica Andzouana. Jessica Andzouana est ingénieure en logiciels établie dans la région de la baie de San Francisco. Avec plus de cinq ans d'expérience professionnelle dans le développement frontend, l'art numérique et le désign, elle se passionne pour les technologies émergentes telles que le blockchain et l'IA. Son expérience, à la fois comme programmeuse et artiste, associée à un état d'esprit très conscient du désign, lui donne une perspective nouvelle et un ensemble de compétences uniques pour proposer des solutions créatives dans son domaine. Elle travaille à Alcacruz en tant qu'ingénieure en logiciels et elle a obtenu un double diplôme (BS/BA) de Santa Clara en informatique et en arts de studios. Cet article a été consulté 496 057 fois.
Catégories: Programmation
Cette page a été consultée 496 057 fois.

Cet article vous a-t-il été utile ?

⚠️ Disclaimer:

Content from Wiki How Français language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.

Notices:
  • - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
  • - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
  • - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
  • - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.

Publicité