XHTML 入門学習チュートリアル: 簡単な Web ページ制作_HTML/Xhtml_Web ページ制作

最初の Web ページを 1 分で作成します:
簡単な Web ページを作成してみましょう。1 分で完了しますので、ぜひフォローしてください。山括弧「」とその中の文字が何なのかわからないかもしれませんが、心配しないでください。次のチュートリアルで説明します。
まずメモ帳を実行するか、任意の場所に新しいテキスト ドキュメントを作成して、メモ帳に次の内容を入力します。
以下は引用内容です:

これは私の最初のウェブページです。

入力が完了したら、「index.html」という名前を付けてファイルを保存します。 （「ファイル」→「名前を付けて保存」をクリックし、「ファイル名」欄に「index.html」と入力し、「保存の種類」欄で「すべてのファイル」を選択し、「保存ボタン」をクリックします。）
保存後、ファイルをダブルクリックすると、ブラウザで Web ページが自動的に開きます。あなたの Web ページがこのページと同じかどうかを確認してください。同じであれば、最初の比較的単純な Web ページが正常に完成したことになります。
これは単なる単純なページですが、構文的には XHTML 標準に準拠していますが、完全な W3C 準拠の XHTML Web ページとして使用するには、一部のコンテンツが不足していることに注意してください。関連するコンテンツは後続のチュートリアルで紹介されます。このページは、XHTML の基本的な知識を説明するためのものです。
基礎知識解説
作成した Web ページは で始まり で終わります。これらはそれぞれ Web ページ ファイルの始まりと終わりを表します。
英語でヘッドは頭、ボディは体を意味します。 Web ページの 2 つの部分 と は、それぞれ Web ページの「頭」と「本文」を表します。おそらく、Web ページの「ヘッダー」に があることに気づいたかもしれません。タイトルという単語はタイトルを意味し、Web ページのタイトル (タイトル) はブラウザの上のタイトル バーに表示されます。 webpage 本文、つまりタグとタグで囲まれた内容が本文としてブラウザに表示されます。
この Web ページは非常に薄く、頭と本文にほとんどコンテンツがありません。今後のチュートリアルでは、Web ページのコンテンツを徐々に充実させていきます。しかし、ここで概念を思い出してください。Web ページのヘッドはブラウザー用に書かれており、ページには表示されません。一方、本文 (本文) は Web サイトのユーザー用に書かれており、ブラウザーが表示するものです。 。 コンテンツ。
新人による XHTML スプーフィングのエラー例
以下の 2 つのエラー例を開いて見てください。コードには非常に重大なエラーが含まれていますが、ブラウザはこれら 2 つのページを正確に表示します。
例 1 - 体は頭の中で成長します

これは私の最初の Web ページです。

上の Web ページを見てください。 と の間のコンテンツがページに正常に表示されます。しかし、それは体を頭に押し込むという滑稽な間違いだった。
例 2 - 頭が首の下に生えています

これは私の最初の Web ページです。

ブラウザの適応性は非常に優れており、頭を体の中に入れても認識できます。タイトルバーを見ると、全く正常にタイトルが表示されています。
それでは、実際に適用するときに上記の愚かな間違いをしないでください。これは深刻な結果をもたらします。検索エンジンがあなたの Web サイトをインデックス付けしない可能性があり、携帯電話やその他のモバイル デバイスを使用してあなたの Web サイトを閲覧している友人が未知のエラーに遭遇する可能性があります。 XHTML の核となる内容を簡単に説明しましょう。