html入門 - Lesson3
サイトを作る下準備
(これらを全て行うとHTMLを作り始められる状態になります。)◆とりあえずやってみる
<!DOCTYPE html>
<html>
<head>
</head>
<body>
ここが表示される。
</body>
</html>
<html>
<head>
</head>
<body>
ここが表示される。
</body>
</html>
まずは、これをエディタに書いてみてください。
いかがでしたでしょうか。このように文字化けしてしまったはずです。(ならない場合もあります)
文字化けしない為には、もう少し書く必要があります。
文字コードの設定
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
ここが表示される。
</body>
</html>
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
ここが表示される。
</body>
</html>
これで文字化けは、解決しました！
<meta charset='utf-8'>
こいつを追加する事によって、文字コードをUTF-8に設定しました。この設定によって文字化けを防ぎます。(エディタの保存時にもUTF-8で保存する)
タイトルの表示
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset='utf-8'>
<title>私のページ</title>
</head>
<body>
ここが表示される。
</body>
</html>
<html lang="ja">
<head>
<meta charset='utf-8'>
<title>私のページ</title>
</head>
<body>
ここが表示される。
</body>
</html>
これで、タイトル(ブラウザの上のバー)に「私のページ」と出力されました！（<title>私のページ</title>）
lang="ja"とは、「日本語のページです」という意味です。(英語ならばlang="en")
次のレッスンではHTMLコードの構造を理解してみましょう！