mise à jour: 30/12/2019 par ordinateur Hope

La création d’espace supplémentaire dans votre HTML sur une page web peut être réalisée de plusieurs façons selon le type d’espace que vous souhaitez créer. Les sections suivantes contiennent de nombreuses façons de créer de l’espace supplémentaire en utilisant HTML et CSS.,

création d’espaces supplémentaires avant ou après le texte

l’une des choses les plus déroutantes pour les nouveaux utilisateurs qui créent une page web est qu’ils ne peuvent pas appuyer plusieurs fois sur la barre d’espace pour créer des espaces supplémentaires. Pour créer des espaces supplémentaires avant, après ou entre votre texte, utilisez le caractère HTML étendu  (espace non cassant).

par exemple, avec « extra space », nous avons le code suivant dans notre HTML.,

extra    space
Remarque

Si vous utilisez un éditeur WYSIWYG pour entrer le code ci-dessus, vous devez être dans L’onglet HTML ou modifier le code HTML.

astuce

pour une liste des caractères HTML Spéciaux étendus, voir: liste complète des caractères HTML Spéciaux étendus.

Garder l’espacement du texte est collé dans une page

Si vous collez du texte avec des espaces ou des tabulations, vous pouvez utiliser le code HTML: <avant> balise de garder le texte mis en forme., Ci-dessous est un exemple de comment coller du texte avec des espaces supplémentaires à l’aide de la balise <avant> balise.

This text has lots of spaces

L’exemple ci-dessus est fait en utilisant le code HTML ci-dessous.

<pre class="tab">This text has lots of spaces</pre>
  • Voir notre HTML <avant> balise de la page pour plus d’informations sur cette balise.
Remarque

Si vous utilisez un éditeur WYSIWYG pour entrer le code ci-dessus, vous devez être dans L’onglet HTML ou modifier le code HTML.,

création d’espace supplémentaire autour d’un élément ou d’un objet

tout élément HTML peut avoir un espacement supplémentaire ajouté en haut, à droite, en bas ou à gauche. Cependant, assurez-vous de comprendre la différence entre margin et padding avant de décider du type d’espace que vous souhaitez ajouter autour de l’élément ou de l’objet. Comme on le voit dans l’image ci-dessous, le rembourrage entoure l’élément, à l’intérieur de la bordure et la marge à l’extérieur de la bordure.

l’exemple ci-dessous montre notre paragraphe entouré d’une bordure, en retrait avec une marge, et avec un espacement à droite et en bas.,

un exemple de paragraphe avec Marge et remplissage.

l’exemple ci-dessus a été créé en utilisant le code ci-dessous.

dans la première section du code, « margin-left: 2.5 em; » ajoute une marge gauche de 2.5 em, ce qui donne l’apparence d’un texte en retrait. Comme le montre l’exemple, cet espacement est en dehors de la bordure. Dans la section suivante, « padding: 0 7em 2em 0; » définit le rembourrage supérieur, droit, inférieur et gauche (dans le sens des aiguilles d’une montre). Il y a un rembourrage supérieur » 0″, un rembourrage droit » 7em », un rembourrage inférieur » 2em  » et un rembourrage gauche 0., Le reste de cet exemple définit l’apparence de la bordure.

création d’un onglet en utilisant CSS et HTML

Un onglet peut être créé en HTML en ajustant la marge gauche d’un élément. Par exemple, ce paragraphe a une marge gauche de 2,5 em par rapport à l’élément contenant le texte. Le CSS pour créer cette marge gauche est illustré ci-dessous.

.tab { margin-left: 2.5em}

Après avoir placé ce code dans notre fichier CSS, nous pouvons appliquer l’onglet » classe à n’importe quel texte pour créer l’apparence d’un onglet. La valeur de la marge à gauche peut être augmentée ou diminuée en fonction de vos besoins.,

bien que nous recommandons la méthode ci-dessus, le CSS margin-left peut également être ajouté en ligne comme indiqué dans l’exemple ci-dessous.

<p style="margin-left:2.5em">An example of a 5em left margin.</p>

un exemple d’un 5em marge de gauche.

  • Comment puis-je indenter ou tabuler du texte sur ma page web ou en HTML?

Ajouter un espace au-dessous d’une ligne ou un paragraphe de texte

Si vous avez besoin d’ajouter de l’espace supplémentaire au-dessous d’une ligne ou un paragraphe de texte, et ne devez le faire qu’une fois, vous pouvez utiliser la balise <br> balise. Voici un exemple de la façon dont cette technique peut être appliquée.,

<p>This sentence contains example text.<br><br>As you can see, two breaks add the space above.</p>

Le code ci-dessus crée le texte indiqué ci-dessous.

cette phrase contient un exemple de texte.
comme vous pouvez le voir, deux pauses ajoutent l’espace ci-dessus.

des pauses Supplémentaires peuvent être ajoutés si nécessaire. Cependant, nous vous suggérons d’utiliser la méthode CSS mentionnée précédemment pour ajouter un remplissage et un espacement autour de votre texte si cela se fait à plusieurs endroits sur une page.

informations supplémentaires

  • comment aligner du texte sur une page Web en HTML ou CSS.
  • comment créer du texte HTML non formaté.
  • voir notre définition des espaces blancs pour plus d’informations et des liens connexes.,
  • AIDE et support HTML et web design.