<div>
Do budowy sekcji możemy użyć elementu blokowego <div>
. Element ten nazywany jest również box’em (pudełkiem), albo kontenerem , z tego względu, że zawiera on w sobie inne elementy.
Do elementu <div>
dodajmy dotychczasowe elementy naszego nagłówka, czyli logo i menu główne.
<div> <a href="http://czosnekipies.prv.pl"> <img src="/logo.png" alt="logo how2html"> </a> <ul> <li><a href="#">Strona Główna</a></li> <li><a href="/lekcja-1">Lekcja 1</a></li> <li><a href="/lekcja-2">Lekcja 2</a></li> </ul> </div>
Element <div> jest elementem blokowym, tzn. zajmie całą szerokość strony.
Sam element <div> nic szczególnego nie wnosi do naszego kodu, jeśli chodzi o formatowanie.
Domyślnie nie zostanie dodana żadna ramka, czy inny kolor tła, żeby wizualnie odróżnić poszczególne sekcje.
Będziemy musieli tego dokonać sami, gdy nauczymy się języka CSS.
W celu odróżnienia poszczególnych sekcji od siebie, możemy posłużyć się znanym nam już atrybutem id, gdyż atrybut ten nadaje unikalność elementom html
<div id="header"></div>
<div id="main"></div>
<div id="footer"></div>
to narazie wszystko o CSS bedzie pozniej