Le HTML est l'épine dorsale d'Internet.
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 d'insérer un peu de texte supplémentaire dans un certain espace, vous pouvez utiliser des balises HTML et CSS pour modifier l'interligne en fonction. 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 en sorte qu'une section de texte s'intègre parfaitement dans la zone de texte d'un site, utilisez un code HTML strict. Utilisez la balise "font" pour créer un code comme celui-ci :
Vidéo du jour
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 de portée
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 est similaire :
Le texte va ici...
Utilisez un 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 l'élément auquel vous décidez de l'appliquer, qu'il s'agisse d'un ID d'étendue que vous définissez pour une seule section de texte sur la page ou pour 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" en CSS est :
{hauteur de la ligne: 150% ;}
Contrôle de l'espacement des lignes WYSIWYG
Bon nombre 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 Fruit de la lune. Tous ces outils fournissent des éditeurs de texte qui éliminent les conjectures et les casse-tête. Un simple clic de 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.
