行間隔の高さのHTMLコード

Webページの段落内のテキスト行間の垂直方向のスペースを制御して、視覚的な表現を洗練させます。 テキストで埋める少し余分なスペースが必要な場合、または特定のスペースに少し余分なテキストを詰め込む必要がある場合は、HTMLタグとCSSタグを使用して、行間隔を適切に変更できます。 数行のコードで、Webページの行間隔の高さまたは「行の高さ」を調整できます。

見栄えのする、またはテキストのセクションをサイトのテキスト領域内に完全に収めるのに役立つ行間隔を作成するには、厳密なHTMLを使用します。 「font」タグを使用して、次のようなコードを作成します。

「150％」は、テキストの行間の間隔を広げる部分です。 他の値に置き換えて、間隔を増減します。

スパンタグを使用して、タグの開始と終了の間に入力されたテキストに行の高さの変更を適用します。 コーディングは似ています：

テキストはここにあります...

大、中、小の相対サイズではなく、ピクセル数を使用してフォントサイズを設定します。 フォントサイズの正確な測定値を使用すると、テキストをより適切に制御でき、行間隔をより適切に機能させることができます。

行間隔は、カスケードスタイルシート（CSS）を使用して設定することもできます。 CSSは、ページ上のテキストの1つのセクションに設定したスパンIDであれ、一般的に使用されるアイテムのクラス全体であれ、適用する要素を制御します。 たとえば、ブログサイトで作業している場合は、ブログエントリのクラスを作成し、クラスのスタイルシートの行の高さを135％に設定できます。 すべてのブログエントリの行の高さは同じです。 CSSで「行の高さ」を設定するためのコードは次のとおりです。

{行の高さ：150％;}

これらのコーディングの問題の多くは、WYSIWYG Webエディターを使用するか、次のサイトを作成することで回避できます。 WordPressやJoomlaなどのオンラインソフトウェア、またはWeebly、Wix、 ムーンフルーツ。 これらのツールはすべて、当て推量や頭を悩ませるテキストエディタを提供します。 マウスボタンをクリックするだけで、お気に入りのワードプロセッサでドキュメントを作成する場合と同じように行間隔が広がります。

ほとんどのWebエディターは、インターフェイスがどのようにWYSIWYGであっても、コーディング方法を知っていれば、以前よりもコーディングが大幅に少なくても、はるかに使いやすくなっています。