Code HTML pour les hauteurs d'interligne
HTML strict
Enregistrer l'image d'ordinateur par Haris Rauf de Fotolia.com Utilisez un code HTML strict pour créer un espace agréable entre les lignes ou pour aider une section de texte à s'intégrer parfaitement à la zone appropriée du site. Sélectionnez l'option de balise "source" pour créer un code comme celui-ci:
"150%" est la partie qui augmente la distance entre les lignes de texte. Remplacez les valeurs pour augmenter ou diminuer l'espace.
Balise Span
Enregistrer l'image de l'ordinateur par Blaine Stiger partir Fotolia.com Utilisez des balises span pour appliquer le changement de hauteur de la ligne de texte écrit entre l'ouverture et la fermeture de l'étiquette. Le codage est similaire à:
le texte va ici ...
Utilisez un nombre de pixels pour ajuster 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 permet un meilleur contrôle du texte et permet de mieux utiliser l'espace entre les lignes.
Alternatives CSS
Enregistrer l'image de l'ordinateur par Blaine Stiger partir Fotolia.com L'interligne peut également être ajusté à l'aide d'une feuille de style en cascade (CSS). CSS contrôle tout élément que vous décidez d'appliquer, soit un ID d'étendue que vous avez défini pour une seule section de texte sur la page, soit une classe entière d'objets couramment utilisés. Par exemple, si vous utilisez un blog, vous pouvez créer une classe pour les entrées de blog et définir la hauteur de la ligne de la feuille de style pour la classe à 135%. Chaque entrée de blog aurait la même hauteur de ligne. Le code permettant d’établir la "hauteur de ligne" en CSS est le suivant:
{line-height: 150%;}
Contrôle de l'interligne WYSIWYG
Enregistrer l'image d'ordinateur par martini de Fotolia.com Beaucoup de ces problèmes de codage peuvent être évités en utilisant un éditeur Web WYSIWYG ou en créant des sites avec des programmes en ligne, tels que WordPress et Joomla, ou des sites Web avec des outils de création gratuits, tels que Weebly, Wix et Moonfruit. Tous ces outils fournissent des éditeurs de texte qui empêchent les suppositions et les maux de tête. Un simple clic sur un bouton de souris et un espacement des lignes augmentent de la même manière que 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 constatez que vous codez beaucoup moins qu'avant.
