まずはじめにサイト構築には必ず理解しておかなければならない基礎知識を学習します。下の図はサイト構築するにあたり必ず必要になります。ここでははじめにひな型をあらかじめ作成し、これにしたがって作成していきます。しかし、ひな型をあらかじめ使用するからといってそれぞれのある意味をおろそかにしてはいけません。きっちりと理解していきましょう。
※注意※
<link rel="stylesheet" type="text/css" href="style.css">はｃｓｓのところで学習します。現段階ではこのままひな型としてこのまま記述してください。
HTMLのバージョンを指定します。
文字コード、スタイルシート言語、スクリプト言語などの初期情報を指定します。
HTML（Hyper-Text Markup Language）。HTML文書であることを指定します。
HTML文書に関する情報をここに記述し指定します。この部分にDOCTYPE、meta、cssの情報を設定します。
タイトルバーに指定した文字を表示させます。
ブラウザに表示する範囲を指定します。ここに記述して文章や画像などを表示させます。