Tabelele HTML sunt ușor de creat după ce înțelegeți elementele de bază ale rândurilor și coloanelor și, de asemenea, odată ce ați înțeles când este bine să utilizați o masă și când ar trebui să o evitați.
O scurtă istorie a tabelelor și a designului web
Cu mulți ani în urmă, înainte de acceptarea standardelor CSS și web, designerii web au folosit HTML
element pentru a crea un aspect de pagină pentru site-uri. Proiectele de site-uri ar fi "tăiate" în bucăți mici ca un puzzle și apoi combinate cu un tabel HTML pentru a fi afișate în browser așa cum se intenționează. Acesta a fost un proces foarte complex care a creat o mulțime de marcaj HTML suplimentar și care nu ar fi niciodată utilizabil astăzi în lumea multi-screen pe care site-urile noastre o locuiesc. Cum CSS a devenit metoda acceptată pentru vizualizarea și aspectul paginilor web, utilizarea tablelor pentru aceasta a devenit evitată și mulți designeri web credeau greșit că "tabelele erau rele". Asta a fost și este neadevărată. Tabelele pentru aspect sunt rău, dar încă mai au un loc în designul web și în HTML, și anume să afișeze date tabulare cum ar fi un calendar sau un program de tren. Pentru acest conținut, folosirea unui tabel este încă o abordare acceptabilă și bună.
Deci, cum aranjați o masă? Să începem prin crearea unui simplu tabel 2x2. Aceasta va avea 2 coloane (acestea sunt blocurile verticale) și 2 rânduri (blocurile orizontale). După ce ați construit o masă 2x2, puteți construi orice tabel de dimensiuni doriți doar adăugând rânduri sau coloane suplimentare.
Iată cum
-
Mai întâi deschideți masa
-
Deschideți primul rând cu eticheta tr
-
Deschideți prima coloană cu eticheta td
|
-
Scrie conținutul celulei
-
Închideți prima celulă și deschideți a doua
|
-
Scrieți conținutul celei de-a doua celule
-
Închideți a doua celulă și închideți rândul
-
Scrieți al doilea rând exact ca primul
| | |
-
Apoi închideți masa
-
Asta e!
De asemenea, puteți alege să adăugați anteturi de tabelă în tabelul dvs. utilizând
element. Aceste anteturi de tabel ar înlocui piesele "date de tabel" din primul rând de tabel, astfel:
| Nume | Rol | | Jeremy | proiectant | Jennifer | Dezvoltator |
Atunci când această pagină ar fi afișată în browser, primul rând cu anteturile de tabelă ar fi afișat, în mod implicit, cu caractere aldine și acestea vor fi centrate în celula de tabelă în care apar.
Deci, este OK să folosiți tabele în HTML?
Da, atâta timp cât nu le folosiți pentru scopuri, este bine să utilizați tabele. Dacă aveți nevoie să afișați informații tabulare, este un mod de a face acest lucru. De fapt, evitarea unei mese din cauza unei purități greșite, pentru a evita acest element legitim HTML, este la fel de înapoi ca și utilizarea acestora pentru motive de aspect în această zi și de vârstă.
Scris de Jennifer Kyrin. Editat de Jeremy Girard.
|
