Comment Insérer Des Espaces Dans Un Code HTML - WikiHow

Home » Code Caractère Espace Insécable » Comment Insérer Des Espaces Dans Un Code HTML - WikiHow

Maybe your like

Skip to Content
  • Accueil
  • Au hasard
  • Parcourez les catégories
  • Cours
  • En savoir plus au sujet de wikiHow
  • Connexion/Inscription
RèglesComment insérer des espaces dans un code HTML PDF download Télécharger l'article Coécrit par Jessica Andzouana PDF download Télécharger l'article X

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é 516 073 fois.

Dans cet article: Insérer une espace en langage HTML Insérer une espace avec une feuille de style CSS Obtenir un retrait avec du texte préformaté Conseils et avertissements Articles en relation Références

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'une seule.

Étapes

Méthode 1 Méthode 1 sur 3:

Insérer une espace en langage HTML

PDF download Télécharger l'article
  1. Step 1 Ouvrez un document HTML. 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. Step 2 Appuyez sur la barre d'espace pour ajouter une espace normale. 2 Appuyez sur la barre d'espace pour ajouter une espace normale. En HTML, si dans votre texte, vous faites une espace avec la barre d'espace, vous aurez une espace. Si vous en faites 4, 10 ou 100, vous n'aurez qu'une espace dans la page web.
  3. Watermark wikiHow to insérer des espaces dans un code HTML 3 Tapez   pour avoir une espace insécable. 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 une espace supplémentaire, tapez  .
  4. Watermark wikiHow to insérer des espaces dans un code HTML 4 Insérez des espaces de différentes largeurs. 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 une espace avec une feuille de style CSS

PDF download Télécharger l'article
  1. Step 1 Ouvrez un document HTML ou CSS. 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. Watermark wikiHow to insérer des espaces dans un code HTML 2 Créez une section pour le style. 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. Watermark wikiHow to insérer des espaces dans un code HTML 3 Tapez la balise d'indentation. 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. Watermark wikiHow to insérer des espaces dans un code HTML 4 Tapez <p> autant de fois que nécessaire. 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é

PDF download Télécharger l'article
  1. Step 1 Ouvrez un document HTML. 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. Watermark wikiHow to insérer des espaces dans un code HTML 2 Tapez <pre> juste avant le texte devant être préformaté. C'est la balise d'ouverture de tout texte de ce type.
  3. Watermark wikiHow to insérer des espaces dans un code HTML 3 Tapez le texte que vous voulez après cette balise. 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. Watermark wikiHow to insérer des espaces dans un code HTML 4 Tapez </pre> à la fin de votre texte. 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ù el 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é

wikiHows en relation

devenir un hackerCommentdevenir un hacker définir la largeur et hauteur d’une image en HTMLCommentdéfinir la largeur et hauteur d’une image en HTML créer une pluie de code façon Matrix dans votre invite de commande.Commentcréer une pluie de code façon Matrix dans votre invite de commande. créer sa première page Web en langage HTMLCommentcréer sa première page Web en langage HTML mettre en forme du texte en code sur DiscordCommentmettre en forme du texte en code sur Discord définir une image en fond de page en HTMLCommentdéfinir une image en fond de page en HTML commencer à apprendre la programmation informatiqueCommentcommencer à apprendre la programmation informatique exécuter un fichier batch sous WindowsCommentexécuter un fichier batch sous Windows créer un fichier exécutable (.exe)Commentcréer un fichier exécutable (.exe) souligner du texte en HTMLCommentsouligner du texte en HTML créer un système d'exploitation pour ordinateurCommentcréer un système d'exploitation pour ordinateur exécuter un fichier HTML dans Visual Studio CodeCommentexécuter un fichier HTML dans Visual Studio Code Publicité

Références

  1. ↑ http://www.amp-what.com/unicode/search/space
  2. ↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
  3. ↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
  4. ↑ https://www.w3.org/TR/html401/struct/text.html# edef-PRE

À propos de ce wikiHow

Jessica Andzouana Coécrit par: Jessica Andzouana 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é 516 073 fois. Catégories: Programmation Autres langues  Anglais Espagnol Portugais Russe Italien Allemand Chinois Indonésien Néerlandais Arabe Thaï Coréen Vietnamien Hindi Turc Tchèque Japonais
  • Imprimer
Cette page a été consultée 516 073 fois.

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

Oui Non Publicité Les cookies permettent d'améliorer wikiHow. En continuant la navigation, vous acceptez notre politique sur les cookies.

Articles en relation

devenir un hackerCommentdevenir un hackerdéfinir la largeur et hauteur d’une image en HTMLCommentdéfinir la largeur et hauteur d’une image en HTMLcréer une pluie de code façon Matrix dans votre invite de commande.Commentcréer une pluie de code façon Matrix dans votre invite de commande.créer sa première page Web en langage HTMLCommentcréer sa première page Web en langage HTML

Articles tendance

ajouter des widgets sur Androidajouter des widgets sur Android170 messages d'amour profonds, sincères et passionnés à envoyer à votre petit ami170 messages d'amour profonds, sincères et passionnés à envoyer à votre petit ami100 choses coquines à dire à une fille pour améliorer son amour-propre100 choses coquines à dire à une fille pour améliorer son amour-propre160 bonnes répliques pour taquiner vos amis et les membres de votre famille160 bonnes répliques pour taquiner vos amis et les membres de votre famille

À la une

enrouler une paracorde autour du manche d’un couteauCommentenrouler une paracorde autour du manche d’un couteauQuel personnage de Monster High suis-je ? QuizQuel personnage de Monster High suis-je ? Quizse déconnecter de OutlookCommentse déconnecter de Outlookdéfinir une image en fond de page en HTMLCommentdéfinir une image en fond de page en HTMLfaire du feu coloréCommentfaire du feu colorésoigner un piercing infectéCommentsoigner un piercing infecté

Articles tendance

obtenir Apple Music gratuitement (même si vous l'avez déjà essayé)Comment obtenir Apple Music gratuitement (même si vous l'avez déjà essayé) jouer au jeu Cat ScratchComment jouer au jeu Cat Scratch115+ Messages d'excuses et citations pour une GF115+ Messages d'excuses et citations pour une GFSouhaits d'anniversaire sincères pour les amis, les membres de la famille et les êtres chersSouhaits d'anniversaire sincères pour les amis, les membres de la famille et les êtres chers

Vidéos tendance

faire des pompesCommentfaire des pompesréparer une chaise de bureau qui descendCommentréparer une chaise de bureau qui descendramollir du fromage à la crèmeCommentramollir du fromage à la crèmedécouper une mangueCommentdécouper une mangueprendre du poidsCommentprendre du poidspocher un œufCommentpocher un œuf

Articles tendance

Jeu des 21 questions : questions coquines et osées pour connaitre votre crushJeu des 21 questions : questions coquines et osées pour connaitre votre crushQuestions Action ou Vérité amusantes et épicées pour votre petite amieQuestions Action ou Vérité amusantes et épicées pour votre petite amieÀ quel point mes critères de rencontres sont-ils élevés ? QuizÀ quel point mes critères de rencontres sont-ils élevés ? QuizLes 151 questions les plus croustillantes de « Qui serait le plus susceptible de » à poserLes 151 questions les plus croustillantes de « Qui serait le plus susceptible de » à poser

Articles tendance

5 façons simples de contourner les filtres de sécurité de ChatGPT5 façons simples de contourner les filtres de sécurité de ChatGPTVoici ce qui se passe lorsque vous envoyez un texto à un numéro bloqué sur Android et iPhoneVoici ce qui se passe lorsque vous envoyez un texto à un numéro bloqué sur Android et iPhoneLes meilleures façons de gagner des points Microsoft gratuitementLes meilleures façons de gagner des points Microsoft gratuitementLes 160 meilleures répliques cinglantes à dire aux hommes (et froisser leur égo)Les 160 meilleures répliques cinglantes à dire aux hommes (et froisser leur égo)

Articles tendance

Les 280 meilleures questions d'action ou vérité pour épicer votre prochaine nuit de jeuLes 280 meilleures questions d'action ou vérité pour épicer votre prochaine nuit de jeu155+ questions coquines, piquantes et profondes à poser à ta petite amie155+ questions coquines, piquantes et profondes à poser à ta petite amie4 façons simples de connecter un iPhone ou un Android à une télévision4 façons simples de connecter un iPhone ou un Android à une télévisionPlus de 50 jeux de conversation, de société et vidéo à jouer avec votre petite amiePlus de 50 jeux de conversation, de société et vidéo à jouer avec votre petite amie wikiHow
  • Catégories
  • Ordinateurs et l'électronique
  • Informatique
  • Programmation
  • Accueil
  • À propos de wikiHow
  • Expert(es)
  • Contactez nous
  • Plan du site
  • Termes et conditions
  • Politique de confidentialité
  • Do Not Sell or Share My Info
  • Not Selling Info

Suivez-nous

--464

Tag » Code Caractère Espace Insécable