ルート要素したい(html)
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ページタイトル | サイト名</title>
</head>
<body>
...
</body>
</html>
htmlタグは、HTML文書のいちばん外側を囲むタグです。
文書全体で1つだけあり、他のすべてのタグはこの中に入るので「ルート要素」と呼ばれます。
直下に置けるのはheadタグとbodyタグの2つだけです。
headにはページの情報(タイトル、文字コード、読み込むCSSなど)、bodyには表示される内容を書きます。
言語を指定したい(lang)
<html lang="ja">
htmlタグにはlang属性でページの言語を指定します。
日本語ならja、英語ならenです。
langを指定すると、スクリーンリーダーが正しい発音で読み上げ、
ブラウザが翻訳機能や辞書機能を適切に動かせます。
検索エンジンも言語の判定に使うので、必ず付けておきます。
フォントサイズしたい(font-size)
html {
font-size: 16px;
}
h1 {
font-size: 2rem; /* 16px の 2倍 = 32px */
}
font-sizeプロパティで、HTML全体の文字の大きさを変更できます。
ここで設定した値は、remという単位の基準になります。
デフォルトは16pxです。
背景色したい(background-color)
html {
background-color: #f4f4f4;
}
background-colorプロパティで、HTML全体の背景色を変更できます。
このときbodyの外側まで含めた画面全体がその色になります。
デフォルトは白です。
注釈
bodyだけに背景色を指定すると、内容が少ないページでは下のほうにhtmlの地の色(通常は白)が見えてしまうことがあります。