90 likes | 254 Views
Taulukot. Miten taulukoita tehdään. WYSIWYG-editorien työkalut HTML <table>[border]…</table> Excel etc. Save as html. HTML-määritykset. <table> <caption>Taulukko 8:Maailman väkirikkaimmat maat</caption> <!--varsinainen taulukko tulee tähän väliin> </table>. Taulukon rivit.
E N D
Miten taulukoita tehdään • WYSIWYG-editorien työkalut • HTML <table>[border]…</table> • Excel etc. Save as html
HTML-määritykset • <table> • <caption>Taulukko 8:Maailman väkirikkaimmat maat</caption> • <!--varsinainen taulukko tulee tähän väliin> • </table>
Taulukon rivit • <tr [valign=top|bottom|middle][align=lrft|rigth|center]>taulukon soluja tai otsikkosoluja</tr> • Taulukon sisällä jokainen rivi merkitään komentojen <tr> ja </tr> väliin • valign: miten solujen sisällä oleva teksti asetellaan pystysuunnassa • align: sivusuuntainen asettelu
Taulukon solut • <td [valign=top|bottom|middle][align=left|right|center][nowrap][rowspan=x][colspan=y]>tekstiä ja komentoja</td> • x=solun viemä tila riveinä • y=solun viemä tila sarakkeina
Taulukon määrittelyesimerkki <table border> <tr> <td>Aku</td> <td>Roope</td> </tr> <tr> <td>Tupu</td> <td>Lupu</td> </tr> </table>
Lisämäärityksiä • Esimerkki <td colspan=3>Otsikko</td> <td rowspan=2>Pysty</td>
Taulukon otsikkosolut • Määritellään muutoin samoin kuin solu paitsi käytettä komentoa <th> <td>:n sijaan • Otsikkosolun asettelu ja tekstilaji on hieman erilainne kuin perussolun
Palstoitus • Tekstiä voidaan palstoittaa taulukkomääritysten