7. Tehtävä - Taulukot

Taulukot luodaan HTML:ssä kolmesta sisäkkäisestä elementistä.
Ensimmäinen elementti on taulukko, <table>. Taulukon sisään tulee taulukkorivi –elementtejä, <tr> (engl. Table Row).
Rivien sisälle tulee sarakkeita <td>(engl. Table Dimension), joihin varsinainen tieto kirjoitetaan. Huomattavaa on, että jokaisen rivin sisälle pitää tulla yhtä monta saraketta. Tämän takia taulukot kannattaa kirjoittaa siten, että jokainen taulukon rivi on omalla rivillään HTML –tiedostossa ja tälle riville kirjoittaa sarakkeiden sisällöt.

Esimerkki: 3x3 kokoinen taulukko.

<table border="1">


       <tr> <td> 1 </td>  <td> 2 </td>   <td> 3 </td>    </tr>

       <tr> <td>  4</td>  <td> 5 </td>   <td> 6 </td>    </tr>

       <tr> <td> 7 </td>  <td> 8 </td>   <td> 9 </td>    </tr>

</table>

 

Valmis taulukko näyttäisi kutakuinkin tältä:

123
456
789

 

Tehtävä

Luo uusi HTML –sivu, johon teet taulukon valitsemasi artistin yhden levyn kappaleista. Kappaleita tulee ko. levyllä olla vähintään viisi. Laita levyn kappaleet taulukkoon siten, että niissä näkyy kappaleen nimi ja kesto omissa sarakkeissaan.

 

Esimerkki:

Ricky-Tick Big Band & Julinen Sana - Burnaa

Rakkaudella vihaajille

3:56

Mitä sä pelkäät?

4:55

Kilsoi Takana

4:21

Julinen Sana

3:38

Obsessio

3:32


Comments