10年前によく使われていたのは<frame>タグ。
topとmainとside,bottomなどにページ分割をしてサイトを構成していたかと思いますが、
HTML5ではこの<frame>タグはユーザビリティに悪影響を及ぼすとして廃止されました。

HTML5では新たに、<header>,<nav>,<section>,<article>,<aside>,<footer>の要素が追加されています。

コードではこのような形になります。（一例です）

これらの追加された要素は文書構造を表すものです。
このように記述すれば、webページの見た目が変わるという訳ではありません。
<header>というエリアを作ったと思って下さい。
見た目を変えるには、スタイルシートを用意して、そこに記述していきます。
HTML4の時はフォントの見た目にしても、<font size=”12px”>などと記述したりしていましたが、
基本的にHTML5ではスタイルシートを作成して、デザインに関する記述はそちらに書きます。

HTML5ではこの文書構造を明確にする事で、webブラウザにも検索エンジンにも構造を認識してもらえるようになりました。
HTML上の記述が煩雑になると機械が混乱して、何が大事な情報なのかを認識してもらえなくなります。
それはSEO対策に影響を及ぼしてしまいます。

なので、style.cssに

例えば

このように記述すると、

このように表示されました。

いかがでしょうか。
あと、HTML5で記述する場合は、DOCTYPE宣言もお忘れなく！