HTML tablice su jednostavne za stvaranje nakon što razumijete osnove redaka i stupaca, a također kada shvatite kada je u redu koristiti tablicu i kada ih trebate izbjegavati.
Kratka povijest tablica i web dizajn
Prije mnogo godina, prije prihvaćanja CSS i web standarda, web dizajneri su koristili HTML
element za izradu izgleda stranica za web lokacije. Dizajn web stranica bi se "odrezali" u male komadiće poput slagalice, a zatim u kombinaciji s HTML tablicom za prikazivanje u pregledniku kao što je to bilo namjerno. Bio je to vrlo složen proces koji je stvorio puno dodatnih HTML oznaka i koji nikada više neće biti upotrebljiv danas u svijetu više zaslona na kojem djeluju naši web-lokacije. Kako je CSS postao prihvaćena metoda za vizualne stranice i raspored web stranica, upotreba tablica za to postala je izbjegnuta i mnogi web dizajneri pogrešno vjeruju da su "stolovi bili loši". To je bilo i nije točno. Tablice za izgled nisu loše, ali još uvijek imaju mjesto u web-dizajnu i HTML-u, odnosno za prikaz tabličnih podataka poput kalendara ili rasporeda vlakova. Za taj je sadržaj upotreba tablice još uvijek prihvatljiv i dobar pristup.
Pa kako postaviti stol? Započnimo s izradom tablice sa samo 2x2. To će imati 2 stupca (to su okomiti blokovi) i 2 reda (horizontalni blokovi). Nakon što izradite tablicu s 2x2, možete izraditi bilo koju tablicu veličine koju želite jednostavno dodavanjem dodatnih redaka ili stupaca.
Evo kako
-
Najprije otvorite stol
-
Otvorite prvi red s oznakom tr
-
Otvorite prvi stupac s oznakom td
|
-
Napišite sadržaj ćelije
-
Zatvorite prvu ćeliju i otvorite drugu
|
-
Napišite sadržaj druge ćelije
-
Zatvorite drugu ćeliju i zatvorite redak
-
Napiši drugi red točno kao prvi
| | |
-
Zatim zatvorite stol
-
To je to!
Također možete odabrati dodavanje zaglavlja tablice na stol pomoću značajke
element. Ta tablična zaglavlja zamijenila bi dijelove "tabličnih podataka" u prvom retku tablice, ovako:
| Ime | Uloga | | Jeremy | Dizajner | Jennifer | razvijač |
Kada bi se ta stranica prikazivala u pregledniku, taj prvi redak sa zaglavljima tablice bi se, prema zadanim postavkama, prikazivali podebljanim tekstom i centrirali bi se u ćeliju tablice na kojoj se pojavljuju.
Dakle, je li u redu koristiti tablice u HTML-u?
Da, sve dok ih ne koristite za svrhe rasporeda, to je u redu koristiti tablice. Ako trebate prikazati tablične podatke, tablica je način na koji to možete učiniti. Zapravo, izbjegavanje tablice zbog neke pogrešne čistoće za izbjegavanje ovog legitimnog elementa HTML je jednako zaostalo kao što ih upotrebljavaju zbog izgleda izgleda u današnje doba.
Napisao Jennifer Kyrin. Uredio je Jeremy Girard.
|
