HTML=サイトの骨格を作るもの... h1〜h6やp、img、navなどはサイトに表示したい情報を載せるために使うものです。正しいタグで囲ってあげることによって、GoogleやYahoo!のような検索エンジンに、サイトに載っている情報を正しく認識してもらえるようになります。(=SEO内部対策に繋がります)
CSS=サイトの見た目を整えるもの... color: red;やfont-size:15px;のようにサイトのスタイル(見た目)を変更するものです。
※フォルダ＝ファイルの入れ物、ファイルをまとめているもの ※ファイル＝データそのもの
画像と言っても実は、ファイル形式は複数存在しています。 厳密に言うともっと細かく分かれているのですが、今回はJPGとPNGで比較してみましょう！
一番の違いは背景色を透明にできるかできないかです！ 背景を透過させたい画像の場合はPNGを使うようにしましょう！
またロゴや、イラストのような使っている色の数が少ない場合はPNGを選ぶと良いです！ もっと詳しく知りたい方はこちらを読んでみてください！
基本的にheader・main・footerの3部構成になっています。
さらにmainの中は
sectionやarticle、divといったタグで基本的に囲まれます。 何でもかんでもdivを使うのはあまり良くないのでsectionやarticleを使うようにしてください！(詳しい説明はこちらを参照ください)