Code HTML pour les hauteurs d'interligne

Contrôlez l'espace vertical entre les lignes de texte d'un paragraphe sur votre page Web pour affiner votre présentation visuelle. Si vous avez besoin d'un peu d'espace supplémentaire rempli de texte, ou si vous avez besoin de presser un peu de texte supplémentaire dans un certain espace, vous pouvez utiliser des balises HTML et CSS pour modifier l'espacement des lignes. Avec quelques lignes de code, vous pouvez ajuster la hauteur de l'interligne, ou "hauteur de ligne" dans votre page Web.

HTML strict

Pour créer un interligne qui semble correct ou qui aide à faire tenir une section de texte parfaitement dans la zone de texte d'un site, utilisez du HTML strict. Utilisez la balise "font" pour créer un code comme celui-ci :

Le "150%" est la partie qui augmente l'espacement entre les lignes de texte. Remplacez d'autres valeurs pour augmenter ou diminuer l'espacement.

Balise d'étendue

Utilisez les balises span pour appliquer le changement de hauteur de ligne au texte saisi entre l'ouverture et la fermeture de la balise. Le codage ressemble :

Le texte va ici...

Utilisez un certain nombre de pixels pour définir la taille de la police au lieu des tailles relatives grandes, moyennes ou petites. L'utilisation de mesures précises pour la taille de la police vous donne un meilleur contrôle du texte et permet à l'interligne de mieux fonctionner.

Alternatives CSS

L'espacement des lignes peut également être défini à l'aide d'une feuille de style en cascade (CSS). Le CSS contrôle tout élément auquel vous décidez de l'appliquer, qu'il s'agisse d'un ID de plage que vous définissez pour une seule section de texte sur la page ou d'une classe entière d'éléments couramment utilisés. Par exemple, si vous travaillez avec un site de blog, vous pouvez créer une classe pour les entrées de blog et définir la hauteur de ligne de la feuille de style pour la classe à 135 %. Chaque entrée de blog aurait la même hauteur de ligne. Le code pour définir la "hauteur de ligne" dans CSS est :

{hauteur de ligne :150 % ; }

Contrôle de l'espacement des lignes WYSIWYG

Beaucoup de ces problèmes de codage peuvent être contournés en utilisant un éditeur Web WYSIWYG ou en créant des sites avec des logiciels en ligne tels que WordPress et Joomla, ou des outils de création de sites Web gratuits comme Weebly, Wix et Moonfruit. Tous ces outils fournissent des éditeurs de texte qui éliminent les conjectures et les casse-tête. Un simple clic sur un bouton de la souris et l'interligne augmente comme si vous écriviez un document dans votre traitement de texte préféré.

La plupart des éditeurs Web, quelle que soit leur interface WYSIWYG, sont beaucoup plus faciles à utiliser si vous savez coder, même si vous trouvez que vous codez beaucoup moins qu'avant.