Code html interlignage hauteurs

Contenu

Html strict
Span tag
Alternatives css
Contrôle wysiwyg interligne

article data-type="article">

Contrôlez l`espace vertical entre les lignes de texte dans 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 besoin de presser un peu de texte supplémentaire dans un certain espace, vous pouvez utiliser les balises HTML et CSS pour changer l`espacement des lignes à monter. Avec quelques lignes de code, vous pouvez régler la hauteur de l`espacement des lignes, ou "hauteur de la ligne" dans votre page Web.

HTML Strict

Pour créer un espacement de ligne qui ressemble à droite, ou qui contribue à faire une section de texte correspond parfaitement à l`intérieur de la zone de texte dans un site, utilisez HTML strict. Utilisez le "police de caractère" tag pour créer un code comme ceci:
le "150%" est la partie qui augmente l`espacement entre les lignes de texte. d`autres valeurs de substitution pour augmenter ou diminuer l`espacement.

Span Tag

Utilisez des balises span pour appliquer la modification de la hauteur de la ligne de texte saisi entre l`ouverture et la fermeture de la balise. Le codage ressemble:

Texte ici ...

Utilisez un nombre de pixels pour définir la taille de la police au lieu de la taille relative de grandes, moyennes ou petites. Utilisation de mesures précises pour la taille vous donne un meilleur contrôle du texte et permet à la ligne d`espacement pour mieux travailler.

Alternatives CSS

L`espacement des lignes peut également être réglé en utilisant une feuille de style en cascade (CSS). Les contrôles CSS quelque élément que vous décidez de l`appliquer à, que ce soit un ID span que vous définissez pour une seule section de texte sur la page ou une classe entière d`objets 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 de définir la feuille de style line-height pour la classe à 135%. Chaque entrée de blog aurait la même hauteur de la ligne. Le code pour la mise en "hauteur de la ligne" en CSS est:
{Line-height: 150% -}

Contrôle WYSIWYG Interligne

Beaucoup de ces problèmes de codage peut être contourné en utilisant un éditeur WYSIWYG Web ou en créant des sites avec des logiciels en ligne tels que WordPress et Joomla, gratuits ou outils de création de site web comme Weebly, Wix et Moonfruit. Tous ces outils fournissent des éditeurs de texte qui prennent la conjecture et la tête-gratter. Un simple clic sur un bouton de la souris et la ligne d`espacement augmente tout comme il le ferait si vous écriviez un document dans votre traitement de texte favori.
La plupart des éditeurs Web, peu importe comment WYSIWYG leur interface, sont beaucoup plus faciles à utiliser si vous savez comment le code, même si vous trouvez que vous codez beaucoup moins que vous avez utilisé pour.