More than 3 years have passed since last update.

備忘録〜htmlの構造〜

Posted at 2021-06-07

######この記事では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で分けるなどしてデザインを作っていく

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up