Code HTML pour la hauteur d'interligne
Contrôlez l'espace vertical entre les lignes de texte dans un paragraphe pour affiner votre présentation web. Si vous avez besoin d'un peu plus d'espace ou de compresser du texte, utilisez les balises HTML et CSS pour ajuster l'interligne (« line-height »). Quelques lignes de code suffisent.
HTML strict
Pour un interligne correct ou pour faire tenir un texte parfaitement dans sa zone, utilisez le HTML strict. Utilisez la balise « font » avec un style :
<font style="line-height:150%"></font>La valeur « 150% » augmente l'espacement entre les lignes. Remplacez par d'autres valeurs pour augmenter ou diminuer l'espacement.
Balise span
Utilisez des balises span pour appliquer le changement d'interligne au texte entre la balise d'ouverture et de fermeture. Le code est similaire :
<span style="line-height:150%">Texte ici...</span>Utilisez un nombre de pixels pour la taille de police au lieu des tailles relatives (large, medium, small). Des mesures précises donnent un meilleur contrôle du texte et permettent à l'interligne de mieux fonctionner.
Alternatives CSS
L'interligne peut aussi être défini via une feuille de style en cascade (CSS). Le CSS contrôle l'élément auquel vous l'appliquez : un ID span pour une section unique ou une classe d'éléments couramment utilisés. Par exemple, sur un blog, créez une classe pour les articles et définissez line-height à 135 % dans la feuille de style. Tous les articles auront le même interligne. Le code CSS :
{line-height:150%;}Contrôle de l'interligne en WYSIWYG
Beaucoup de ces problèmes de code sont contournés en utilisant un éditeur web WYSIWYG ou des logiciels en ligne comme WordPress, Joomla, ou des outils gratuits comme Weebly, Wix, Moonfruit. Tous fournissent des éditeurs de texte qui éliminent les conjectures. Un simple clic et l'interligne augmente comme dans un traitement de texte.
La plupart des éditeurs web, quelle que soit leur interface WYSIWYG, sont plus faciles à utiliser si vous savez coder, même si vous codez moins qu'avant.