No1
html5、css3 で作ります。まず index.html は、（ index.html について詳細はこちら）
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="eat.css">
</head>
<body>
</body>
</html>
（保存時の文字コードセットは「utf-8」）

No2

<!doctype html>: html5 では先頭にこのように書きます。「 html5 」で書くよっと宣言していると思ってください。
<html>: このページは html 文書ですと宣言しています。
<head>: 情報の開始タグで、ここからはページの情報を書きます。
<meta charset="utf-8">: メタタグと呼ばれるもので、この場合は使用する文字コードセットを「 utf-8 」にしますと宣言しています。
<title></title>: 情報の中でも最重要で、このページのタイトルを書きます。
<link rel="stylesheet" href="eat.css">: リンクのタグで、「 eat.css 」というスタイルシートを読み込んで使いますということです。
</head>: 情報の終了タグで、<head>～</head> の間にページの情報を書きます。
<body>: いよいよここからがページの内容になります。文章や画像、写真などを配置していきます。
</body>: これで文章などの中身は終了です。<body>～</body> の間に文章などを書きます。
</html>: html 文書を終了しますと宣言。ページソースの終了です。