Tabelele HTML sunt ușor de creat odată 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 elementul HTML
pentru a crea aspectul paginilor 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 o locuiesc site-urile noastre . Pe măsură ce CSS a devenit metoda acceptată pentru vizualizarea și aspectul paginilor web, utilizarea tabelelor pentru acest lucru a fost 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 au încă un loc în designul web și HTML, și anume să afișeze date tabulare cum ar fi un calendar al programului de trenuri. 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.
Dificultate: medie
Timp necesar: 10 minute
Iată cum:
- Mai întâi deschideți tabelul
- 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 al doilea
- 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
De asemenea, puteți alege să adăugați anteturi de tabelă în tabelul dvs. utilizând elementul | . Aceste anteturi de tabelă ar înlocui piesele "sau tabelele de date" din primul rând de tabel, după cum urmează:
Jeremy | Designer Jennifer | Programator | 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 de aspect. 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 de a evita acest element HTML legitmată este la fel de înapoi ca și folosirea lor pentru motive de aspect în această zi și de vârstă.
Scris de Jennifer Kyrin. Editat de Jeremy Girard pe 8/11/16
| |