静的なWebページを作成する方法

click fraud protection
...

インターネット:それはあるべき場所です。

ある発明が私たちの生涯の中で世界を完全に変えたとしたら、それはインターネットです。 ますます多くの人々がソーシャルネットワークによって提供されるものを超えてウェブ上に存在を望んでいます:彼らはウェブスペースが彼ら自身を呼ぶことを望んでいます。 主要な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サイトへのリンクを作成します。 これはタグで行われます ここをクリック. そのコードは、「ここをクリック」という言葉を別のWebサイトへのリンクにします。 テキストの代わりに、コードを使用してリンクとして画像を使用できます .

ヒント

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

HTMLタグは、ボックス内のボックス、またはそれらのロシアの人形と考えてください。 これはネスティングと呼ばれ、すべてをすっきりと読みやすくします。 たとえば、間に配置されたテキスト

太字、斜体、中央に配置されます。 NS
ボックスは中にあります の中にあるボックス 箱。