今回からHTMLの書き方のルールについて、説明していきます。
HTMLの基本的な構造について
HTMLは、基本的な構造が決まっています。
「HTMLです」という宣言
「html」
ここからここまでがHTMLです。という枠組みを書きます。
「head」
ページのタイトルや、説明文、キーワード、使用している文字コード、読み込みたいファイル、著作権、制作者etc･･･など、
検索用のロボット向けの情報や、ページに関する情報など、主にユーザーがブラウザで表示しない内容を書いていきます。
「body」
文章や画像などの、ユーザーがブラウザに実際に表示する内容を書いていきます。
書き方は色々ありますが、とりあえずは、ひとつ覚えていれば大丈夫です。
「HTMLです」という宣言は、この様に書きます。
<!DOCTYPE html>
HTMLのスタートする場所に
<html lang="ja">
HTMLを終了する場所に
</html>
と書きます。
「head」を開始する場所に
<head>
「head」を終了する場所に
</head>
と書きます。
「body」を開始する場所に
<body>
「body」を終了する場所に
</body>
と書きます。
まとめると、下記の様な書き方になります。
<!DOCTYPE html>
<html lang="ja">
<head>
<!-- この部分にheadで各内容を記述していきます。 -->
</head>
<body>
<!-- この部分にbodyで各内容を記述していきます。 -->
</body>
</html>
PR
