htmlとCSSをリンクさせたい

全般的に、タイプミスに関して無頓着な印象です。
初心者の「うまくいかない」の原因の大半はタイプミスレベルなので、まずタイプミスをチェックすると自力で大半の問題が解決できるでしょう。
たとえば下記の「属性記述を空白で区切る」を知らなかった場合はタイプミスではないのですが、何かを参考にして書いているはずで、その参考例は全て空白で区切られているはずですので、参考例の読み違いがないかもチェックが必要です。

間違い点：
HTML6行目 ＞が全角。属性記述が空白で区切られていない(contentの前に空白が必要)。
HTML7行目 属性記述が空白で区切られていない(relの前に空白が必要)。
どちらも文法エラー

HTML16行目 ＆が全角。
これは文法エラーではないですが、＆amp;とそのまま表示されるので、意図ではないでしょうね。
実体参照にする必要があるのは、半角 & < >等です。全角文字は普通の文字。

CSS @charsetの後に空白がない
この記述は無視されていますが、デフォルトがUTF8なので影響なし。

CSS color:#bb8833:セミコロンであるべきところがコロンになっている。
この記述は無視されています。

CSS #infomation p#recommend pこれは、「#infomationの子孫のp#recommendの子孫のp」を意味しますがそんな要素は存在しない。おそれく「#infomationの子孫のp と #recommendの子孫のp」という指定がしたかったのでしょう。「または」はカンマで区切ります。
#infomation p, #recommend p。