Cu acest tip de aspect, elementele site-ului sunt aranjate în celule. Se creează un fișier șablon cu marcare și este folosit ca bază pentru toate celelalte pagini. De fapt, numai conținutul principal se schimbă de la un fișier la altul. Antetul site-ului, fundul și meniurile sale sunt preluate dintr-un șablon deja pregătit și, de obicei, rămân neschimbate.
Structura tabelului este simplă și în toate browserele arată la fel. Dar tabelele compuse din tabele sunt greu ponderate, încărcate lent și conțin cod redundant. În plus, structura tabelelor vă permite să creați doar un design strict.
Schema de acest tip este simplă: în corpul documentului (și nimic altceva), în care se adaugă întregul conținut, se creează un tabel. Aspectul este denumit tabular deoarece întreaga pagină este formată din tabele și toate informațiile despre ieșire se află în interiorul celulelor. Chiar și zona cu conținutul principal al paginii (de exemplu, cu articolul) este doar o celulă, textul căruia este afișat pe ecran.
Documentul HTML nu trebuie să fie alcătuit dintr-o singură masă - ele pot fi puse într-un altul, obținând un design mai interesant.
Etichetele pentru crearea de tabele au fost luate în considerare în articolul corespunzător. Mai jos este un exemplu de utilizare a acestora.
Deci, un exemplu de aspect tabelar:
Dacă introduceți acest cod în corpul documentului HTML și deschideți fișierul rezultat în browser, pagina va arăta astfel:
Asta e tot marcajul. Pentru a crea paginile, trebuie doar să faceți o copie a fișierului și să introduceți conținutul în locul cuvintelor afișate. Deci, prin copierea fișierelor și editarea textului conținut în celule, puteți crea un site arbitrar de mare, cu aspect tabelar.
Dar să ne uităm la cod cu explicații.
- etichetă
deschide masa.
- Atributul de graniță specifică grosimea cadrelor de masă.
- Spațiul de celule stabilește distanța dintre celule. În acest caz, este făcută la zero, astfel încât tabelul să nu se acceseze cu crawlere.
- eticheta de deschidere a celulei din antetul tabelului. Spre deosebire de altele, textul din această celulă va fi centrat și îndrăzneț. închide celula.- Colspan este un atribut a cărui valoare determină câte celule sunt orizontale față de alte rânduri pe care elementul curent le va ocupa.
- Text între etichete
și - acesta este conținutul celulei, de dragul ei sa făcut totul.
Am împărțit 100% din lățimea paginii în două părți: 20% au dat-o blocului de navigare, 80% - conținutului principal.
Formatul blocului de navigație. Creez o celulă care ocupă 20% din lățimea mesei. Etichete interioare
În următoarea linie am instalat subsolul (partea de jos) a site-ului. Pentru aceasta folosesc etichete deja cunoscute. Folosind colspan = 2 fac ca partea de jos a site-ului să ocupe două celule pe orizontală, ca un capac - aceste părți, spre deosebire de corpul paginii, nu trebuie să împart în blocuri.
Astfel, pentru a crea o structură de tabelă a unui site care conține toate elementele principale (antetul, fundul, meniul, conținutul paginii), un tabel constând din patru rânduri și șase celule (liniile capului și piciorului site-ului conțin câte un element).
Pe site-urile moderne, se practică aspectul blocului. iar masa este deja ieri.
Trimiteți-le prietenilor: