HTML tablice se lako kreiraju kada shvatite osnove redova i stupaca - a takođe i kada shvatite kada je u redu koristiti tabelu i kada ih treba izbjeći.
Kratka istorija tabela i web dizajn
Pre mnogo godina, pre prihvatljivog CSS i web standarda, web dizajneri su koristili element HTML
da bi kreirali izgled stranice za sajtove. Dizajn web stranice bi bio "isečen" u male dijelove kao slagalica, a zatim kombinovan sa HTML tablicom kako bi se u pretraživaču prikazivao kako je predviđeno. Bio je to veoma složen proces koji je stvorio mnogo dodatnih HTML oznaka i koji nikada neće biti korisni danas u multi-screen svetu na kojem nasi websajtovi žive . Pošto je CSS postao prihvaćena metoda za vizuelizaciju web stranice i rasporeda, korištenje tabela za ovo se izbjeglo i mnogi web dizajneri su pogrešno vjerovali da su "tabele loše". To je bilo i nije istina. Tabele za izgled su loše, ali i dalje imaju mesto u web dizajnu i HTML-u, odnosno da prikazuju tabelarne podatke kao što je kalendar rasporeda voza. Za taj sadržaj, korištenje tabele je i dalje prihvatljiv i dobar pristup.
Dakle, kako postavljate sto? Počnimo sa kreiranjem jednostavne table 2x2. Ovo će imati 2 kolone (ovo su vertikalni blokovi) i 2 reda (horizontalni blokovi). Nakon što ste napravili tabelu 2x2, možete napraviti bilo koju tabelu veličine koju želite jednostavno dodavanjem dodatnih redova ili kolona.
Teškoće: Prosječno
Vrijeme potrebno: 10 minuta
Evo kako:
- Prvo otvorite tablicu
- Otvorite prvi red sa tr oznakom
- Otvorite prvu kolonu oznakom td
- Napišite sadržaj ćelije
- Zatvorite prvu ćeliju i otvorite drugi td>
- Napišite sadržaj druge ćelije
- Zatvorite drugu ćeliju i zatvorite red td> tr>
- Napišite drugi red tačno kao prvi
td> | td> tr> - Zatim zatvorite sto table>
Takođe možete izabrati da dodate zaglavlja tablica u svoju tablicu pomoću | elementa. Ovi zaglavlja stola bi zamijenili dijelove "tabličnih podataka" u prvom redu tablice, ovako:
Ime th> | Uloga th> tr> | Jeremy td> | Dizajner td> tr> td> Jennifer td> | Developer td> | tr> table> Kada bi ova stranica učinila u pretraživaču, taj prvi red sa zaglavljima tablice bi po defaultu prikazao masnim slovima i oni bi bili centrirani u ćeliji tablice u kojoj se pojavljuju.
Dakle, da li je OK koristiti tabelu u HTML-u? Da - sve dok ih ne koristite za svrhu postavljanja. Ako trebate prikazati tabularne informacije, tabela je način na koji to možete učiniti. Zapravo, izbegavanje tabele zbog neke pogrešne čistoće da se izbegne ovaj legitimni HTML element je isto tako unazad kako ih koristite zbog razloga rasporeda u ovom danu i dobi.
Napisao Jennifer Kyrin. Uredio Jeremy Girard na 11.8.16
| | |