Changer la distance entre les mots dans les textes des pages Web n'est pas aussi trivial qu'il y paraît. Deux, trois espaces consécutifs ou plus entre des mots adjacents, selon les normes HTML, n'affecteront en aucune manière la distance entre eux - le navigateur les affichera comme un seul espace. Mais, bien sûr, il existe des outils pour résoudre ce problème.
Instructions
Étape 1
Une option consiste à utiliser un caractère HTML spécial appelé espace insécable. Il s'affiche de la même manière qu'un espace régulier, et la particularité est que si deux mots sont séparés par un espace aussi spécial, alors le navigateur considérera qu'il s'agit d'un mot fusionné, qui ne peut pas être séparé. Grâce à cette fonctionnalité, le navigateur n'interférera pas avec l'affichage de plusieurs de ces espaces à la suite, c'est-à-dire ne remplacera pas plusieurs espaces par un seul. Ce signe spécial est indiqué par le jeu de caractères suivant: "& nbsr;" (sans citations). Dans le code source du document, un paragraphe de texte avec des mots séparés par de tels caractères spéciaux peut ressembler à ceci:
Ceci est un exemple de & nbsr; & nbsr; paragraphe & nbsr; & nbsr; & nbsr; texte.
Ici, la distance entre le premier et le deuxième mot sera normale, entre le deuxième et le troisième - doublée, et entre le troisième et le quatrième - triplée.
Étape 2
Le contrôle de l'espacement entre les mots à l'aide d'un langage de description de style (CSS) est beaucoup plus couramment utilisé. En langage CSS, la définition correspondante peut ressembler à ceci: word-spacing: 15px; Voici la taille de l'espace entre les mots adjacents en 15 pixels. Vous pouvez ajouter un attribut de style à presque toutes les balises. Par exemple, une balise de paragraphe avec cet attribut, qui définit la distance de 20 pixels entre tous les mots du paragraphe, pourrait ressembler à ceci:
Un paragraphe de texte avec un espacement accru entre les mots
Étape 3
En règle générale, les blocs de style sont placés dans l'en-tête d'un document ou dans des fichiers séparés. Dans un tel bloc, vous pouvez définir plusieurs valeurs pour la distance entre les mots et les regrouper dans différentes classes, et dans le corps du document, indiquer des liens vers les classes correspondantes dans les balises. Par exemple, une description d'une classe nommée dblSpace pourrait ressembler à ceci:
.dblSpace {espacement des mots: 20px}
Et une balise de paragraphe avec un lien vers cette classe dans le corps du document sera, par exemple, comme ceci:
Un paragraphe avec un large espacement des mots