静的 Web ページの作成方法

1 つの発明が私たちの生涯で世界を完全に変えたとしたら、それはインターネットです。ますます多くの人々が、ソーシャル ネットワークが提供する以上の存在感を Web に求めるようになっています。主要な Web サイトはますます複雑になり、Flash、CSS、perl、JavaScript などの初心者を怖がらせる専門用語を使用していますが、心配する必要はありません。 HTML という 4 つの単純な文字で、誰でもすぐに Web での存在感を得ることができます。この文字はハイパーテキスト マークアップ言語を表し、一連のタグを使用して静的な Web ページを作成するプログラミング言語です。知っているタグが多ければ多いほど、静的 Web ページでできることが増えます。

ステップ 1

次のコードをメモ帳などの単純なテキスト エディターにコピーして、静的 Web ページの基本的な骨組みを作成します。

<頭> <本文>

次に、ファイルを index.html (デフォルトのメイン ページ名) として保存し、ブラウザーで開きます。空白の Web ページを作成したため、何も表示されないはずです。

これらのタグにはすべて意味があります。

タグは、Web ページが表示されることをブラウザに伝えます。 は、あらゆる種類の情報が検索エンジンに送られる場所です。 は、人々が目にする部分が始まろうとしていることを意味します。

ステップ 2

HTML は主に 2 種類のタグ (括弧内のコード) と考えてください。 1 つはブラウザーに何かを開始するように指示し、もう 1 つはブラウザーに停止を指示します。

このテキストを太字にする

の後のすべて (開始タグ) は、 に達するまで太字になります。 -- 終了タグ。 「/」はブラウザに停止を指示します。

ステップ 3

Web ページにテキストを追加します。 Web ページの本文に「これは私の Web ページです」と入力し、

の間に と .ページを保存し、ブラウザで確認します。結果は素晴らしいですが、あまりエキサイティングではありません。他のいくつかのタグを試して、スパイスを効かせてください。例: テキストを太字にします。 テキストを斜体にします。 フォントのサイズを 1 (最小) から 6 (最大) に変更できます。 テキストを赤 (または入力した他の色) にします。テキスト (または画像) をページの中央に配置します。

同じテキスト ブロックでこれらのタグをいくつか使用してみてください。好きなように組み合わせることができます。

また、ページの要素間に次の要素を配置して、要素間にスペースを追加することもできます。

段落区切り;
改行の場合。 Web ページを横切る線で区切りを作成します。

ステップ 4

ページに画像を追加します。タグを使用してこれを行う 、その例の Web アドレスを、使用する画像の場所に置き換えます。これは、終了タグを持たない数少ないタグの 1 つです。テキストと同様に、画像も中央に配置できます。

ステップ 5

別の Web サイトへのリンクを作成します。これは、タグ Click Here を使用して行います。このコードは、「ここをクリック」という言葉を別の Web サイトへのリンクにします。テキストの代わりに、コードを使用して画像をリンクとして使用できます .

ヒント

これらの HTML コードを一緒に使用すると、任意の複雑さの静的 Web ページを作成できます。

HTML タグは、ボックス内のボックス、またはロシアの人形と考えてください。これはネスティングと呼ばれ、すべてを整理して読みやすくします。たとえば、 の間に配置されたテキスト 太字、斜体、中央揃えになります。