実際にここまで書いてきたことを生かすには
全体の構成を整える必要があります。
<!DOCTYPE html>
<html>
<head>
<meta charset="文字コード">
<title>タイトル</title>
<link rel="stlyesheet" href="CSSファイル名">
</head>
<body></body>
</html>
というように
まず、一行目で
<!DOCTYPE html>
HTMLのバージョンを指定し、
<html></html>
と入力し、
その間に
<head></head>
<body></body>
を入力します。
<head>では
文字化けを防ぐために文字コードや
タイトル
CSSを読み込む設定などをします。
<meta charset="文字コード">
<title>タイトル</title>
<link rel="stlyesheet" href="CSSファイル名">
以上のように
全体構成を整えて初めて
形になります。