ソースをコピーし「メモ帳」などに貼り付けてください。
適当なファイル名をつけて保存して下さい。
右クリックで「名前の変更」を選択し，拡張子を　.txt から .html 又は .htm へ変更してご利用ください。
サンプルの文字コードは全て UTF-8 となっています。
文字化けの場合は「メモ帳」の「名前を付けて保存」の「文字コード」で UTF-8 を選択してください。
（ANSI=Shift_JISと同じ）

HTML文書とリンクさせているCSS文書、JS文書も同じ「文字コード」にしましょう。
異なる場合は,「文字化け」のため誤作動の原因になります。