コンテンツ
この記事の内容：HTML 4.01に行を挿入するCSSファイルとHTML5Referencesを使用して行を挿入する
水平線を使用して、Webサイトのコンテンツを区切ることができます。行を表示するコードは非常に簡単です。ただし、HTML 4.01のコードで行のスタイルを直接変更できる場合、HTML5とは異なります。後者の場合、CSSコンポーネントを使用してスタイルを変更する必要があります。
ステージ
方法1 HTML 4.01に行を挿入する
-
新しいドキュメントを作成します。 新しいHTMLドキュメントを開くか作成します。 HTMLドキュメントは、次のようなeエディターを使用して編集できます。 メモ帳。次のようなコードエディタを使用することもできます Adobe Dreamweaver。以下の手順に従って、選択したプログラムでHTMLドキュメントを開きます。- オープン メモ帳 またはeの発行者または選択したコード。
- をクリックする ファイル ;
- をクリックする オープン ;
- HTMLファイルを選択します。
- をクリックする オープン.
-
行を挿入します。 行を挿入する場所を選択します。上に行を挿入するコード行が見つかるまで、下にスクロールします。次に、行の左端をクリックして、行の先頭にカーソルを置きます。 -
スペースを空けます。 ダブルタップ エントリー eを水平線を配置する上に移動します。その後、作成したスペースの上部にカーソルを置きます。 -
タグを追加する
. タイプ
行の先頭の前。タグ
ページ全体に水平線を作成するために使用されます。 -
行に移動します。 タグの前に行を移動します 時間 新しい行に。これを行うには、を押します エントリー。だから、タグ
自分のラインで隔離する必要があります。 -
属性を追加します。 （必要な場合）長さ、幅、色、配置属性などの属性を水平線に追加できます。タグの後に次のコードを使用します 時間 垂木の中。シェブロン内に複数の属性を追加するには、それらをスペースで区切ります。- タイプ
線の太さを変更します。 ＃を厚さの目的の値に置き換えます（例：size = "10"）。 - タイプ
線の幅を変更します。 ＃をページの幅または幅の割合のピクセル数で置き換えます（例：width = "200"またはwidth = "75％"）。 - タイプ
線の色を変更します。 ＃を色の名前または16進コードで置き換えます（例：color = "red"またはcolor = "＃FF0000"） - タイプ
線の配置を管理します。 ＃を「right」、「left」または「center」に置き換えます（例：
).
- タイプ
-
HTMLファイルを保存します。 eファイルをHTMLドキュメントとして保存するには、ファイル拡張子（.TXT, .docxの）によって .htmlを。 HTMLドキュメントを保存するには、次の手順に従います。- メニューをクリックしてください ファイル ;
- 選択 名前を付けて保存... ;
- ファイルの名前を入力してください ファイル名 ;
- タイプ .htmlを ファイル名の後
- をクリックする 記録.
-
コードをテストします。 HTMLファイルをテストするには、ファイルを右クリックして選択します で開く。次に、インターネットブラウザを選択します。タグを配置した場所に行が表示されます 時間。 HMTLコードは次のようになります。これはタイトルです
これは、タイトルと水平線で区切られた段落です。
方法2 CSSファイルとHTML5を使用して行を挿入する
-
新しいドキュメントを作成します。 新しいHTMLドキュメントを開くか作成します。 HTMLドキュメントは、次のようなeエディターを使用して編集できます。 メモ帳。次のようなコードエディタを使用することもできます Adobe Dreamweaver。以下の手順に従って、選択したプログラムでHTMLドキュメントを開きます。- オープン メモ帳 またはeの発行者または選択したコード。
- をクリックする ファイル ;
- をクリックする オープン ;
- HTMLファイルを選択します。
- をクリックする オープン.
-
タグを追加する ヘッド. HTMLファイルにまだパーツがない場合 ヘッド、以下の手順に従って追加します。パート ヘッド タグの間にある と .- タイプ ドキュメントの上部。
- ダブルタップ エントリー 2つの新しい行を追加します。
- タイプ ゲームを閉じる ヘッド.
-
タイプこれはタイトルです
これは、水平線で区切られた段落です