HTMLで水平線を作成する

著者: Roger Morrison
作成日: 1 9月 2021
更新日: 1 11月 2024
Anonim
HTMLで水平線(ルール)を作成する
ビデオ: HTMLで水平線(ルール)を作成する

コンテンツ

水平線を使用すると、Webエディタはページ領域をより小さく、より読みやすいセクションに分割して、表示されている内容に集中するようにユーザに指示することができます。アンダースコアタグとは異なり 水平線はその上または下のテキストにリンクされていません。それはまた、左、右または中央に配置することができ、エディタが選択する任意の色、太さまたは高さにすることができます。このチュートリアルでは、メインのタイトルとドキュメントの本文(空白)を分ける、茶色で太く、左寄せの水平線を作成する方法を説明します。


説明書

完全なWebページのスクリーンショット (すべての画像はEric Tildenによって作成されたスクリーンショットです)
  1. 次に示すように、タグ>の間に次のように入力します。

    私の文書

    タグを使って、あなたの文書のヘッダを設定します

    。このタグは、検索エンジンに、それらの間の単語がそのページで最も重要であることを伝えます。このヘッダーはWebページのタイトルになり、水平線を使用することに意味があります。

    ステップ1
  2. 図のように横線タグを入力します。


    水平ラインタグには最後のタグはありません。メジャーシグナルの前にスペースとスラッシュを入れます。

    ステップ2
  3. 次に示すように、「align」属性を追加して「left」に設定します。


    ステップ3
  4. 次に示すように、「size」属性を追加して「4」に設定します。


    "size"属性は、線の太さをピクセル単位で決定します。


    ステップ4
  5. 次に示すように、「width」属性を追加して「370」に設定します。


    "width"属性の値は、線の長さをピクセル単位で決定します。

    ステップ5
  6. 次に示すように、「color」属性を水平線に追加して「maroon」に設定します。


    このタグの色は、選択した標準色または16進数の色に設定できます。 16進数の色の前には「#」記号を付ける必要があります。

    ステップ6
  7. 文書を保存してサーバーに送信します。ブラウザを開き、ページを見つけます。文書のタイトルの下に茶色の横線があるはずです。

    ウェブサイト準備完了

お知らせ

  • タグ
    W3Schoolsでは、スタイルシートの指示を使用して線を希望のサイズに伸ばす、または上げるために、修正された単一のピクセル画像を使用することを推奨しています。

必要なもの

  • Source Editなどのテキストエディタ(「参考文献」を参照)
  • FileZillaなどの文書送信用ソフトウェア(「参考文献」を参照)
  • サーバー上のスペース