HTML の行間を狭める方法
HTML を使用すると、基本的な Web ページを簡単に作成し、フォント、テキスト サイズ、色、行間など、これらのページのさまざまな属性を制御できます。 Web ページを要約する必要がある場合、または審美的な理由で余白を減らす必要がある場合は、行間の間隔を狭くすると便利です。幸いなことに、ページの HTML ファイルにいくつかの簡単な挿入を行うだけで、行間のスペースを減らすことができます。
ステップ 1
行間のスペースを減らしたい Web ページの部分に対応する HTML ドキュメントのセクションを特定します。
ステップ 2
ドキュメントのそのセクションを "
" タグ。 "" タグは分割タグとも呼ばれ、特定のスタイルを適用する HTML のセクションをマークします。セクションの先頭に "" を挿入し、セクションの末尾に "" を挿入します。 .
ステップ 3
最初の "
内に "style=" を挿入します " タグは次のとおりです:. "style" 演算子は、web ページをレンダリングするブラウザーに、divide タグで囲まれたページの部分を、残りの部分とは異なる特定の方法でスタイルする必要があることを通知します。ウェブページ。
ステップ 4
次のように、スタイル演算子の後にテキスト「line-height:」を引用符で囲みます:
.テキストの後に必ずコロンを含めてください。 「line-height」属性は、分割タグで囲まれたページの部分の行間の間隔を変更する必要があることをブラウザーに通知します。
ステップ 5
次のように、「line-height」属性に続くコロンの後に数字とパーセント記号を挿入します:
.挿入する数値は、ページの現在の行間隔のパーセンテージとして表される目的の行間隔です。たとえば、50 を挿入すると、行間の間隔は現在の間隔の半分になり、200 を挿入すると、間隔は現在の間隔の 2 倍になります。分割タグで囲まれたセクションの行間を減らすには、100 未満の任意の数値を挿入します。
ステップ 6
HTML ドキュメントを保存し、Web ブラウザーで開いてテストし、インターネット経由でアクセスする読者にどのように表示されるかを確認します。