新しいWebサイトプロジェクトを作成するときに最初に行うことは、プロセスで作成されるすべてのファイルを格納するプロジェクトディレクトリ(またはフォルダ)を作成することです。 このチュートリアルでは、HTMLを使用してWebサイトを構築するために必要なフォルダーとファイルを設定する手順について説明します。

このWebサイトプロジェクトでは、チュートリアルシリーズの前半で作成したhtml-practiceプロジェクトディレクトリとindex.htmlファイルを引き続き使用できます。 (このチュートリアルシリーズに従わず、プロジェクトディレクトリとindex.htmlファイルを設定する手順が必要な場合は、このシリーズの以前のチュートリアルHTMLプロジェクトの設定を参照してください。

:ディレクトリに独自の名前を選択する場合は、文字スペース、特殊文字(!、#、%など)、大文字を使用しないでください。これらが原因である可能性があります。後で問題が発生します。

次に、index.htmlファイルをフォーマットして、Webサイトのホームページとして使用します。 Webドキュメントをフォーマットする最初のステップは、<!DOCTYPE html>宣言を最初の行に追加することです。 index.htmlファイルがクリアされていることを確認してから、ドキュメントの最初の行に<!DOCTYPE html>を追加します。

この宣言は、使用されているHTMLのタイプをブラウザーに通知し、HTMLには複数のバージョンがあるため、宣言することが重要です。 この宣言では、htmlは、HTMLの現在のWeb標準であるHTML5を指定します。

次に、<html>タグの開始タグと終了タグを追加して、<html>要素を追加します。 <html>要素は、含まれるすべてのコンテンツがHTMLとして読み取られることを意図していることをブラウザーに通知します。 このタグ内に、Webページの言語を指定するlang属性も追加します。 この例では、en言語タグを使用して、サイトが英語であることを指定します。 言語タグの完全なリストについては、IANA言語サブタグレジストリにアクセスしてください。

これで、ドキュメントは次のようになります。

<!DOCTYPE html>
<html lang="en">
</html> 

この時点から、当社のWebサイトに追加するすべてのコンテンツは、の開始タグと終了<html>タグの間に追加されます。

次のチュートリアルで、サイトへのコンテンツの追加を開始します。