HTML tablice lako se mogu stvoriti nakon što shvatite osnove redaka i stupaca - a također kada jednom shvatite kada je u redu koristiti tablicu i kada ih trebate izbjegavati.
Kratka povijest tablica i web dizajn
Prije mnogo godina, prije prihvatljivih CSS i web standarda, web dizajneri koristili su element HTML
za stvaranje 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 danas nikada ne bi bio upotrebljiv u svijetu više zaslona u kojem živimo naše web stranice . Budući da je CSS postao prihvaćena metoda za vizualne stranice i izgled web stranica, upotreba tablica za to postala je izbjegnuta i mnogi su web dizajneri pogrešno vjerovali 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 prikazu tabličnih podataka poput kalendara 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.
Teškoća: Prosječna
Potrebno vrijeme: 10 minuta
Evo kako:
- Najprije otvorite stol
- Otvorite prvi red s tr tagom
- 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 red
- Napišite drugi redak točno kao prvi
| | - Zatim zatvorite stol
Možete odabrati i dodavanje zaglavlja tablice u tablicu pomoću | elementa. Ta tablična zaglavlja zamijenila bi dijelove ili "tablične podatke" u prvom retku tablice, ovako:
| Dizajner | | td> Jennifer | Razvojni programer | 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 u svrhu postavljanja. 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 tog legitimnog elementa HTML je unatrag kao što ih upotrebljavaju za izglede iz dana u dan i doba.
Napisao Jennifer Kyrin. Uredio Jeremy Girard dana 08. 11. 16
| |