Comment insérer des espaces en HTML

Auteur: Joan Hall
Date De Création: 28 Février 2021
Date De Mise À Jour: 1 Juillet 2024
Anonim
Débuter le carnet de voyage : Les 8 erreurs
Vidéo: Débuter le carnet de voyage : Les 8 erreurs

Contenu

1 Ouvrez un document HTML. Cela peut être fait dans un éditeur de texte standard tel que le Bloc-notes ou TextEdit sous Windows. Vous pouvez également utiliser un éditeur de fichiers HTML tel qu'Adobe Dreamweaver. Pour ouvrir un document HTML :
  • Accédez au document HTML dans l'Explorateur (Windows) ou le Finder (macOS).
  • Faites un clic droit sur le document HTML souhaité.
  • Survolez Ouvrir avec.
  • Sélectionnez le programme dans lequel vous souhaitez éditer le document.
  • 2 Cliquer sur espacepour ajouter un espace régulier. Placez le curseur à l'endroit où vous souhaitez insérer un espace, puis appuyez sur la touche "Espace". En HTML, un seul espace apparaîtra entre les mots, même si vous appuyez plusieurs fois sur l'espace.
  • 3 Entrer pour ajouter un espace supplémentaire. C'est ce qu'on appelle un espace insécable car il ne permet pas une nouvelle ligne.
    • Par exemple, si vous saisissez Salut à tous, entre les mots "Bonjour" et "tout le monde !" un espace supplémentaire sera inséré.
    • Gardez à l'esprit que trop d'espaces insécables empêcheront le navigateur de faire des sauts de ligne aux bons endroits, rendant le texte difficile à lire.
    • Vous pouvez également saisir  pour insérer un espace.
  • 4 Insérez des espaces de différentes longueurs. Si vous souhaitez insérer un espace plus long, utilisez l'une des options suivantes :
    • Deux espaces - Entrer
    • Quatre espaces - Entrer
    • Retrait (espacement des tabulations) - Entrer
  • Méthode 2 sur 3: CSS

    1. 1 Ouvrez un document HTML ou CSS. Le code CSS peut être inséré dans l'en-tête d'un document HTML ou enregistré en tant que fichier CSS externe.
      • L'en-tête du document HTML se trouve en haut du fichier, entre les balises "head>" et "/head>".
    2. 2 Créez une section de style pour CSS. La section de style est située au début du code HTML ou dans une feuille de style distincte.Utilisez les balises suivantes pour créer une section de style dans un document HTML ou une feuille de style.
      • Entrer style>pour ouvrir la section de style. Tout le code CSS ira après cette balise.
      • Entrer /style>pour fermer la section de style. Tous les CSS doivent être placés avant cette balise de fin.
    3. 3 Saisissez la balise suivante dans la section style :p {indent-text: 5em;} Cela indique au navigateur de le mettre en retrait de 5 espaces (dans le code HTML correct).
      • Pour définir le nombre d'espaces, modifiez le nombre après "indent-text:".
      • L'élément "em" correspond à un espace avec la taille de police spécifiée. D'autres unités peuvent être utilisées, telles que le pourcentage ("Retrait-texte : 15 % ;") ou les millimètres ("Retrait-texte : 3 mm ;").
    4. 4 Entrer p> où vous voulez ajouter une indentation. Faites-le dans le document HTML où vous souhaitez mettre en retrait. Le texte sera indenté selon les spécifications CSS.

    Méthode 3 sur 3: Texte préformaté

    1. 1 Ouvrez un document HTML. Cela peut être fait dans un éditeur de texte standard tel que le Bloc-notes ou TextEdit sous Windows. Vous pouvez également utiliser un éditeur de fichiers HTML tel qu'Adobe Dreamweaver. Pour ouvrir un document HTML :
      • Accédez au document HTML dans l'Explorateur (Windows) ou le Finder (macOS).
      • Faites un clic droit sur le document HTML souhaité.
      • Survolez Ouvrir avec.
      • Sélectionnez le programme dans lequel vous souhaitez éditer le document.
    2. 2 Entrer pré> avant le texte que vous souhaitez préformater. Il s'agit de la balise d'ouverture du texte préformaté.
    3. 3 Entrez le texte comme prévu après la balise "pre>". Lors du préformatage du texte, tous les espaces et sauts de ligne créés en appuyant sur Entrée seront affichés sur la page HTML.
    4. 4 Entrer / pré> à la fin du texte. Il s'agit de la balise de fermeture du texte préformaté.

    Conseils

    • Si le navigateur affiche des espaces sous forme de caractères incompréhensibles, cela est probablement dû à des données supplémentaires ; ils sont stockés au format traitement de texte et ne sont pas affichés à l'écran. Pour éviter cela, travaillez dans un éditeur de texte standard tel que le Bloc-notes ou TextEdit.
    • CSS est un moyen beaucoup plus puissant et prévisible de créer la mise en page d'une page Web, y compris l'espacement des mots.
    • Un espace insécable est un exemple d'entité de caractère ; c'est un code qui fait référence à un caractère qui ne peut pas être saisi au clavier.

    Avertissements

    • Symbole HTML pour Onglet (onglets) ne fonctionne pas comme beaucoup de gens le pensent. Il n'y a pas de taquets de tabulation dans un fichier HTML normal, donc la saisie de ce caractère ne fera rien.
    • Saisissez le code HTML dans un éditeur de code ou un fichier texte brut plutôt que dans un puissant éditeur de texte.