水平ルールタグのフォーマット

かもしれません 15, 2024

ページを分割したり、別のセクションを指定したいですか？水平の規則はあなたのためにそれをすることができます。また、HTMLおよびCSS属性で非常にカスタマイズ可能です。

水平方向の規則は、単にページ全体に水平線を描く方法です。基本的なフォーマットされていない水平方向のルールは次のようになります。

...および

HTMLコード。ただし、HTML属性を使用して幅、配置、色などを変更すると、かなり凝ったものになります。以下にいくつかのオプションを示します。

幅を変更するには、次のように「幅」属性（かなり論理的ですか？）を使用します。

...これにより、利用可能なスペースの半分を横切る水平線が表示されます。

次の形式を使用して、ピクセル単位で幅を指定することもできます

あるいは単に

.

次に、色を変更しましょう。次の形式を使用します。

初心者の場合、上記の文字と数字は赤色の16進コードです。上記のサンプルコードは、次のような行を提供します。

水平線の配置を左、中央、または右に設定できます。以下のサンプルのようなコードを使用してください。

...次のような行が表示されます。

最後の例からわかるように、属性を組み合わせることができ、それらはすべて機能します。ほとんどのHTML属性と同様に、使用する順序は関係ありません。

これらの例はすべて他の多くのHTML要素に適用されますが、水平方向の規則には一意の属性であるnoshadeもあります。この属性は、ラインの3D効果を削除します。次のようにnoshade属性を適用できます。

...そして、これがどのように見えるかです：

この気の利いた書式設定ツールを追加する方法がわかったので、気にしないでください！異なる色の水平線で覆われたページは、乱雑で奇妙に見えます。横罫線は、ページの一部を分離する際に非常に効果的に使用できます。たとえば、各ページの下部にフッターセクションがある場合、そのすぐ上に横罫線を追加して、ページコンテンツから外します。。

動画の説明: 『コーディング環境とHTML&CSS基本ルール1 』：2019年秋冬【いまどきのHTML＆CSSコーディングにチャレンジ】第1回 (かもしれません 2024).

水平ルールタグのフォーマット、HTML、HTMLフォーマットタグ、HTMLテキストフォーマット、太字テキスト、斜体テキスト、中央テキスト、htmlテキストスタイル、HTMLの基本、htmlレッスン、htmlチュートリアル、htmlオンラインクラス、HTMLベーシックシリーズ、チュートリアル、HTML、 XHTML、DHTML、ホステッドCGI、ウェブホスト、ドメイン、ドメイン名、FTP、JPEG、GIF、CSS、ハウツー、カスケードスタイルシート、フリーウェア、シェアウェア、W3C