Atunci când se creează machete de pagini moderne, se folosește așa-numitul model bloc. Această metodă de a crea structuri de pagini web se bazează pe faptul că elementele individuale ale documentului sunt descrise ca unele blocuri. Într-un fel, este ca și cum ai construi o casă sau o cameră. Blocurile sunt plasate într-o anumită ordine pentru a obține aspectul necesar.
Blocurile sunt folosite ca blocuri, de regulă, aceasta este
→ Ecran complet
Aici, părțile constitutive ale aspectului au fost inserate în blocul principal al clasei containerului - antetul antetului, meniul de meniu. conținutul principal al conținutului și subsolul subsolului. Fiecare dintre aceste blocuri trebuie să aibă reguli de stil speciale pentru a obține aspectul dorit.
În HTML 5, există etichete speciale care înlocuiesc blocuri cu nume de clasă comune, de exemplu
Pentru a schimba tipul de afișare al etichetei (bloc sau șir, de exemplu) utilizând CSS, se utilizează proprietatea de afișare. Valorile principale ale acestei proprietăți sunt:- bloc - elementul este afișat ca bloc
- inline - elementul este afișat ca un șir
- element de listă - elementul este afișat ca element de listă și se adaugă un marcator de listă
- nici unul - elementul nu este afișat pe pagina web (deci, dacă nu a fost deloc).
Proprietățile de bază care sunt utilizate în modelul bloc vor fi discutate în următoarele lecții.
Testați-vă cunoștințele
Plasați blocurile div în documentul index.html astfel încât blocul de containere să conțină anteturile de antet, de navigare, de conținut și de footer. În fiecare dintre anteturile de navigare, conținut, footer, creați un conținut de testare care conține numele identificatorului.