備忘録〜htmlの構造〜 #初心者

この記事ではhtml.cssのプロゲートでの学習を自分の言葉で書き出しています。何か訂正や付け足しなどがございましたらご教授いただけると大変嬉しいです。

HTMLの全体構造

大きく分けてHTMLは３つのマトリョーシカがある

１.HTMLのマトリョーシカ

qiita.html

<html>
htmlのコードを全てここに記入していく
</html>

2.headとbodyのマトリョーシカ

qiita.html

<html>
  <head>
    htmlで使う部品を記入
  </head>
  <body>
    htmlの見た目の構造を組み立てる部分
  </body>
</html>

3.bodyの中にdivで分けたマトリョーシカ

主にheader、main、footer

qiita.html

<html>
  <head>
  </head>
  <body>
    <div class="header">
    </div>
    <div class="main">
    </div>
    <div class="footer">
    </div>
  </body>
</html>

あとはdiv中で分けたマトリョーシカの中に同じくdivで分けるなどしてデザインを作っていく