Tabele

Joj tabele o njih je toliko za povedat niti nevem ki začet...
Torej tabele se uporabljajo za primerjavo, urejen prikaz podatkov, lepšo ureditev spletne strani.

Tabele pišemo v znački <table> tej znački ponavadi dodamo artributo border="" ki pove debelino obrobe. Tabela je sestavljena iz 3 osnovnih delov <thead>, <tbody> in <tfoot> ampak ubistvu ni potrebe nobenega od teh pisat in jih lahko izpustiš ali pa samo dodaš <tbody> in pišeš v njem. Nebodo nikoli vplivale na celo tabelo in se jih v sami tabeli tudi ne opazi, lahko pa jih tudi prilagajaš z css. Vsakemu okencu torej vsakemu <td> in <th> lahko tudi dodamo barvo ozadja stem da mu dodaš artribut bgcolor="".

Osnovni deli

Ena vrstica v tabeli se napiše z značko <tr> in v tem tr napišeš koliko stolpcov bi rad imel, to pa napišeš z značko <td>

KADAR PIŠEŠ NOV TR GA NE PISAT V PREJŠNJEM

torej če zdaj želim naredit tabelo 3x2 bom napisal dva tr in v vsakem tri td
text text text
text text text


Če bi na vrhu želel dodat naslov in ga prikazat čez vse stolpce dodam na vrh še en tr in v njemu dodamo novo značko <th> ki deluje isto kot td ampak kot neki naslov in je že avtomatsko odebeljen in postavljen na sredino, zdaj pa še moramo nardit da prekrije vse stolpce spodaj to naredimo tak da dodamo artribut colspan="x"(x=koliko stolpcov prekriva 2,3,4...) v tem primeru 3 ker so trije stolpci
text
text text text
text text text

Zaj pa hočemo nardit da so različne vrstice spete v en stolpec. To nardimo tako da td ali th dodamo artributo rowspan="x"(x=koliko vrstic naj bo spetih v eno)
Torej zdaj bomo nardili tri vrstice po tri stolpca ampak zadni stolpec bo spet iz 3 vrstic v eno.
text text text
text text
text text

Zdaj ko smo to naredili smo kodo malo spremenli ni več tri tr po 3 td, vrstice so ostale iste ampak, zdaj je samo v prvi vrstici trije td v drugih dveh pa samo po dve to pa zato ker smo v prvi vrstici zadnemu td dodali artributo rowspan="x" v našem primeru x ="3".
Zdaj bomo pa probali naredit eno vrstico navrhu ki ni pisana v td ampak th in je speta čet vse stolpce, potem še dve vrstici po dva td ampak da je speto iz dveh vrstic v eno:
text
text text
text

Namesto texta še lahko dodajaš slike, linke, inpute, karkoli hočeš ubistvu. V tabelah tudi obstaja artributa valign="top, center, bottom" ki jo dodaš td ali th ta pa pove kako se naj stvar v tabeli navpično orentiram na vrh, center, na poden. Tabeli lahko tudi spreminjaš velikost ali pa jo pustiš in se bo prilagodila gledena velikost texta, ubistvu lahko že sami znački table določiš artribut width="" in height="" ali pa dodaš td ali th samo width="" in tako velika bo ena celica v kateri je text primer ene tabele za pojasnitev

<thead>

To označuje glavo tabele ponavadi prva vrstica, najveckrat se v glavo. Mora vsebovati vsaj eno vrstico ali več, pomaga brskalniku določiti glavo tabele. Text se največkrat piše v th kot neki naslov te tabele.

<tbody>

To označuje telo tabele v njem je zapisano največ podatkov,mora vsebovati vsaj eno vrstico ali več. Je glavni del tabele in se piše v znački <table>

<tfoot>

To označuje noge tabele, pomaga brskalniku doličiti konec tabele noter se pišejo zadni podatki. Mora vsebovati vsaj eno vrsico ali več.