HTML <table> märgis
<table>
<table> märgis määratleb tabeli Html dokumendis. Selle elemendi sees saab kasutada pealkirju (h1-h6), "tr", "td" ja "table" elemente.
Erinevused HTML ja XHTML vahel
Html 4.01's ei soovitata kasutada "align" ja "bgcolor" atribuute.
Xhtml 1.0 Strict DTD ei toeta neid elemente.
Näide:
Kood | Tulem | ||
---|---|---|---|
<table border = "1"> <tr> <td>Lahter A</td> <td>Lahter B</td> </tr> </table> |
|
Valikulised atribuudid
DTD tulbas on näha missugused atribuudid töötavad erinevates dokumendi tüüpides. S=Strict, T=Transitional ja F=Frameset.
Atribuut | Väärtus | Kirjeldus | DTD |
---|---|---|---|
align |
left center right |
Nihutab tabelit. Ei soovitata. Kasuta selle asemel stiile | TF |
bgcolor | rgb(x,x,x) #xxxxxx värvi nimi |
Määratleb tabeli taustavärvi. Ei soovitata. Kasuta selle asemel stiile | TF |
border | piksel | Määratleb tabeli äärise.
Pane tähele: Kui tabeli seadistus on border="0" siis tabel kuvatakse ilma ääriseta! |
STF |
cellpadding | piksel protsent |
Määratleb tabeli lahtri ja selle sisu vahelise kauguse | STF |
cellspacing | piksel protsent |
Määratleb tabeli lahtrite omavahelise kauguse | STF |
frame | void above below hsides lhs rhs vsides box border |
Määratleb tabeli ääriste paigutuse ümber tabeli | STF |
width | piksel protsent |
Määratleb tabeli laiuse | STF |
Standard atribuudid
id, class, title, style, dir, lang, xml:lang |
Täieliku ülevaate saad minnes Html Standard Atribuudid.
Sündmuste e. toimingute atribuudid
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup |
Vaata ka Sündmuste atribuudid
Proovi ise
Lihtne tabel
Kuidas luua lihtsat tabelit Html dokumenti
Erinevad tabeli äärised
Erinevad tabeli äärised
Ääristeta tabel
Niimoodi saab luua tabeleid milledel puuduvad äärised.
Pealkirjad tabelis
Sedasi luuakse pealkirju tabelisse.
Tühjad lahtrid
Tühiku märgise kasutamine tühjade lahtrite loomiseks.
Tabeli alapealkiri
Näide sellest kuidas luua tabelitele alapealkirju.
Tabeli lahtri ulatus
Lahter ulatub üle mitme tulba v. rea.
Märgised tabeli sees
Kuidas kasutada Html märgiseid tabeli sees.
Lahtri sisu ja tabeli äärise vahe (Cell padding)
Lahtri sisu ja tabeli äärise vahelise kauguse seadmine
Lahtrite vahekaugus (Cell spacing)
Lahtrite omavahelise kauguse seadmine
Tausta värvi v. pildi lisamine tabelisse
Nii saab muuta tabeli tausta värvi.
Tausta värvi v. pildi lisamine tabeli lahtrisse
Nii saab lisada pilte tabeli lahtrisse.
Sisu nihutamine tabeli lahtris
Sisu nihutamine tabeli lahtris
Raami atribuudi kasutamine
Tabeli raamistuse seaded
Raami ja äärise atribuudi kasutamine
Tabeli äärise ja raamistuse seaded.