あなたの最初のWebページ
あなたの最初のWebページの作成
そして今、最終的にはHTMLのコーディングにジャンプして、あなたの非常に最初のWebページを作成する時が来た！
- あなたのプログラミングやテキストエディタで、 新しいページを作成を開きます 。
- として我々自身を使用するつもりではちょうどそれを消去する場合はエディタをいくつかのプリセットのコードを置きます。
- コピーを以下のコードを文書にし、どこかに覚えて保存します （もし、以前のいずれかをindex.htmlや index.phpとしてWWWのルートディレクトリにファイルを保存することができるだけでそれが唯一のインデックスファイルの確認チュートリアルでWAMPをインストールするにあるので）お使いのブラウザの場合、localhostと入力表示されます。
のXHTML 1.0の厳密なテンプレート
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>My first web page!</title>
</head>
<body>
<p>Hello there ...</p>
</body>
</html>
お客様のウェブページを表示
私たちのHTMLコードを自分自身ではあまり何もされず、ほとんどは単なるテキストファイルです。我々がWebブラウザで開くことをするんだ説明は、Webページを参照してください。
- Webブラウザを起動し、 ファイルにアクセス"ファイルを開くと、HTMLだけか、ブラウザのバーにlocalhostと入力作成したファイルを選択し実行している場合は、WAMPをしたし、wwwのルートディレクトリにファイルが配置されます。
これで、ページは次のように表示する必要があります：
あなたの最初のWebページ
あなたのWebページを分析する
最初に私には、コードを私はあなたの上を与えた場合に知らせてもらうにはそれを取得し、W3CのXHTML、次の1.0の仕様書に適切なスーパー 。また、安全のXHTML 1.0のすべてのあなたの将来のWebページ用のテンプレートを厳密として使用することができます。
Doctypeの
この最初の行は、実際のHTMLタグを、それにもかかわらず、全てのHTMLドキュメントで必要とされていません。これは、いわゆるdoctypeがそれを扱うのファイルは、Webブラウザでどのように伝えます。我々の場合にはそれがXHTML 1.0の厳密なファイルです。これらの文書型の石に設定され、常に最新のように、自分中心で、この学習の拷問を保存していたことができます。
html要素
...
</html>
これは、ここで当社の実際のHTMLドキュメントを開始します。 <html>...</html>要素は、それ自体で興味深いのすべてではありません。これはほんの始まりにし 、すべての HTMLコードの終わりを示します 。 xmlns属性には、他の2つのオプションが、XHTML文書で必要ですが、それは良い習慣を含めること。
head要素
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>My first web page!</title>
</head>
次のページ次のとおり<head>当社のHTMLドキュメントです。を除いて<title>要素は、ブラウザのウィンドウに表示され、頭の情報のいずれも、ページ上に表示されます。頭に通常言語のような情報を伝送する文字エンコーディングは、著作権情報のページの説明など。 <meta>我々のコード内のタグはオプションですがいずれの場合には、バックアップサーバとして含まれている必要がありますこの情報を提供されていないか、またはページをオフラインで閲覧している。
body要素
<p>Hello there ...</p>
</body>
ここで興味深いの取得を開始されます。 <body>要素は、Webページとして表示されるすべてのコンテンツを保持します。このケースでは、段落の要素を持って<p>テキストこんにちは...次の章では、これらのHTMLタグをあなたのWebページを構築するために使用することができますもっと知るようになるでしょう。
実際には、マスタになります
どのようにウェブサイトを作成することを学ぶ最良の方法は自分でできる方法です。私はあなた自身のページですべてのチュートリアルの例を試してみると、コードで遊んで物事の仕組みをよりよく理解することをお勧め。