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