全体構成【head/main/footer】の構造

佐藤さん 
========================
<!DOCTYPE html>
<html>
<head> 要素にはページに関する情報 
</head>
<body> 要素には実際に表示したい内容 
</body>
</html>
========================
<!DOCTYPE html>の部分はDOCTYPE宣言と呼ばれるもので、HTMLのバージョンを宣言するためのもの

・headの中身について
①文字コード
②ページタイトル
③CSSの読み込み
を記載する


└文字モードについて
html5では、UTF-8という文字コードが推奨されている



<meta charset="utf-8">

└ページタイトルについて
ブラウザのタブ上にでるもの

<title>ページのタイトルだよおおお</title>


└CSSの読み込みについて
CSSのファイルを読み込む【宣言】＆読み込む【ファイル名】が必要

<link rel="stylesheet" href="CSSのファイル名">

・mainの中身について

①copy-container

②contents

③contact-form


└文字の一部のみ色味を変える

（例）ようこそ、ここへ！

 

【html上】
<h1>ようこそ、<span>ここへ！</span></h1>


【CSS上】
span{
color: #色味 ;
}