3 manières d'insérer des espaces en HTML

Table des matières:

3 manières d'insérer des espaces en HTML
3 manières d'insérer des espaces en HTML

Vidéo: 3 manières d'insérer des espaces en HTML

Vidéo: 3 manières d'insérer des espaces en HTML
Vidéo: Comment transférer des fichiers entre Mac et PC Windows 2024, Novembre
Anonim

Ce wikiHow vous apprend à insérer des espaces et des sauts de ligne en HTML. Étant donné que vous ne créerez qu'un seul espace dans votre code HTML lorsque vous appuyez plusieurs fois sur la barre d'espace, vous devez utiliser des balises HTML pour insérer plusieurs espaces à la fois.

Étape

Méthode 1 sur 3: Utilisation du code HTML

Insérer des espaces dans HTML Étape 1
Insérer des espaces dans HTML Étape 1

Étape 1. Ouvrez le document HTML

Vous pouvez modifier des documents HTML à l'aide d'un programme d'édition de texte tel que Notepad ou TextEdit sous Windows. Vous pouvez également utiliser un éditeur HTML comme Adobe Dreamweaver. Suivez ces étapes pour ouvrir un document HTML.

  • Recherchez des documents HTML dans l'explorateur de fichiers sur un ordinateur Windows (ou le Finder sur un Mac).
  • Cliquez avec le bouton droit sur le document HTML que vous souhaitez modifier.
  • Survolez l'option " Ouvrir avec ”.
  • Cliquez sur le programme que vous souhaitez utiliser pour modifier le fichier.
Insérer des espaces dans HTML Étape 2
Insérer des espaces dans HTML Étape 2

Étape 2. Appuyez sur la touche espace pour ajouter un espace normal

Pour ajouter un espace régulier, cliquez à l'endroit où vous devez insérer un espace et appuyez sur la barre d'espace de votre clavier. Normalement, HTML n'affichera qu'un seul espace entre les mots, quel que soit le nombre de fois que vous appuyez sur la barre d'espace.

Image
Image

Étape 3. Tapez pour forcer l'ajout d'espaces de fin

Le code résultant est connu sous le nom d'espace insécable ou d'espace fixe car il empêche le fractionnement de ligne à l'emplacement où le code est placé.

  • Par exemple, tapez Bonjour tout le monde ! pour insérer un espace supplémentaire entre les mots « Bonjour » et « tout le monde ! »
  • Si vous abusez de ces caractères, votre navigateur aura du mal à insérer des sauts de ligne de manière nette et facile à lire.
  • Vous pouvez également taper pour forcer l'insertion d'un espace.
Image
Image

Étape 4. Insérez des espaces de différentes largeurs

Vous pouvez ajouter un espace plus long en utilisant l'une des options suivantes:

  • Deux espaces – Type
  • Quatre espaces – Type
  • Retrait – Type

Méthode 2 sur 3: Utilisation du code CSS

Insérer des espaces dans HTML Étape 5
Insérer des espaces dans HTML Étape 5

Étape 1. Ouvrez le document HTML ou CSS

Le code CSS peut être appliqué à l'en-tête d'un document HTML ou écrit en tant que document CSS externe.

L'en-tête du document HTML se trouve en haut du fichier. Cette section se trouve entre les marques "" et ""

Image
Image

Étape 2. Créez un segment de style pour le code CSS

Le segment de style doit être ajouté en tête du code HTML ou dans une feuille de style distincte. Utilisez les indicateurs suivants pour créer des segments de style dans des documents HTML ou des feuilles de style distinctes.

  • Tapez pour ouvrir le segment des styles. Tout le code CSS doit être ajouté après cette marque.
  • Tapez pour fermer le segment de style. Tout le code CSS doit être entré avant cette marque de fermeture.
Image
Image

Étape 3. Tapez ce qui suit dans le segment de style: p {text-indent: 5em;}. Cet indicateur indique au navigateur de mettre en retrait cinq espaces lorsqu'il est ajouté au code HTML approprié.

  • Vous pouvez ajuster le nombre ou la largeur des espaces en tapant un nombre différent après le code "text-indent:".
  • L'unité " em " équivaut à un espace à la taille de police spécifiée ou applicable. Vous pouvez utiliser d'autres unités telles que des pourcentages (par exemple " text-indent: 15%; ") ou des unités de longueur (par exemple " text-indent: 3mm; ").
Image
Image

Étape 4. Tikka

sur la partie que vous souhaitez indenter.

Cette marque doit être ajoutée au corps du code HTML, avant le texte que vous souhaitez indenter. Après cela, le retrait selon les spécifications spécifiées dans le code CSS sera ajouté au texte.

Méthode 3 sur 3: Utilisation de texte préformaté

Insérer des espaces dans HTML Étape 9
Insérer des espaces dans HTML Étape 9

Étape 1. Ouvrez le document HTML

Vous pouvez modifier des documents HTML à l'aide d'un programme d'édition de texte tel que Notepad ou TextEdit sous Windows. Vous pouvez également utiliser un éditeur HTML comme Adobe Dreamweaver. Suivez ces étapes pour ouvrir un document HTML.

  • Recherchez des documents HTML dans l'explorateur de fichiers sur un ordinateur Windows (ou le Finder sur un Mac).
  • Cliquez avec le bouton droit sur le document HTML que vous souhaitez modifier.
  • Survolez l'option " Ouvrir avec ”.
  • Cliquez sur le programme que vous souhaitez utiliser pour modifier le fichier.
Image
Image

Étape 2. Tapez

avant le texte que vous souhaitez préformater.

Le code est un jeton d'ouverture de texte préformaté.

Image
Image

Étape 3. Tapez le texte souhaité après le"

".

Avec le préformatage, tous les espaces et sauts de ligne créés à l'aide de la touche " Entrée " seront affichés dans la page HTML.

Image
Image

Étape 4. Tapez après le texte.

Le segment de texte préformaté se terminera.

Des astuces

  • Si l'espace que vous avez inséré produit des symboles étranges dans votre navigateur, il est possible que cela soit dû à des données supplémentaires dans un format de programme de traitement de texte qui ne devraient pas être affichés sur Internet. Vous pouvez empêcher l'apparition du symbole en tapant le code dans un programme d'édition de texte brut, tel que Bloc-notes ou TextEdit.
  • CSS est un langage de feuille de style plus sophistiqué et prévisible pour la conception d'éléments sur des pages Web, y compris l'espacement du texte.
  • Espace fixe (espace insécable)
  • est un exemple d'entité de caractère, un code qui fait référence à un caractère que vous ne pouvez pas taper au clavier.

Avertissement

  • Caractères HTML pour Tab

  • ne fonctionne pas comme on pourrait s'y attendre. Les documents HTML standard n'ont pas d'arrêt de tabulation, donc ces caractères ne fonctionneront pas.
  • Écrivez toujours votre code HTML dans un éditeur de code ou un fichier texte brut, et non dans un format de fichier de traitement de texte (par exemple Word).

Conseillé: