Taulukko on olennainen komponentti HTML:ssä tietojen näyttämiseksi jäsennellyssä muodossa, jossa on rivejä ja sarakkeita. HTML:ssä taulukot luodaan käyttämällä <table>-, <tr>- ja <td>-tageja.
Tunniste <table> edustaa taulukon pääsäiliötä, joka sisältää kaikki rivit ja sarakkeet. Rivit määritellään <tr>(taulukkorivi) -tunnisteen avulla, kun taas rivien sisällä olevat solut määritetään <td>(taulukon tiedot) -tunnisteen avulla. Lisäksi voit käyttää <th>(taulukon otsikko) -tunnistetta määrittääksesi taulukon otsikkosolut.
Voit käyttää attribuutteja, kuten colspan ja riviväli, yhdistääksesi taulukon soluja tai span soluja useille riveille ja sarakkeille. Lisäksi voit käyttää CSS-ominaisuuksia mukauttaaksesi taulukon ulkoasua ja asettelua.
Taulukko( <table>
)
- <table>
Elementillä luodaan taulukko HTML-kielellä.
- Tiedot sijoitetaan riveihin( <tr>
) ja sarakkeisiin( <td>
tai <th>
).
- Jokainen tietosolu sijoitetaan <td>
(tietosolu) tai <th>
(otsikkosolu) elementtien sisään.
Sarakkeen otsikko( <th>
)
- <th>
Elementillä luodaan sarakeotsikot taulukkoon.
- Tyypillisesti sijoitettu taulukon ensimmäiselle riville.
Tietorivit( <tr>
):
- <tr>
Elementillä luodaan tietorivejä taulukkoon.
- Tietosolut( <td>
) tai otsikkosolut( <th>
) sijoitetaan näihin <tr>
elementteihin.
Sarakkeen kattavuus( colspan
)
Attribuuttia colspan
käytetään määrittämään sarakkeiden lukumäärä, jonka tietosolu tai otsikkosolu kattaa taulukossa.
Riviväli( rowspan
)
Attribuuttia rowspan
käytetään määrittämään rivien lukumäärä, jonka tietosolu tai otsikkosolu kattaa taulukossa.
Solujen yhdistäminen( colspan
ja rowspan
)
Voit yhdistää sekä attribuutit colspan
että rowspan
solut taulukossa.
border
omaisuutta
- border
Ominaisuus määrittää taulukon reunuksen paksuuden.
- Arvo border
on ei-negatiivinen kokonaisluku.
cellpadding
omaisuutta
-, cellpadding
Ominaisuus määrittää solun sisällön ja solun reunan välisen etäisyyden taulukossa.
- Arvo cellpadding
on ei-negatiivinen kokonaisluku
cellspacing
omaisuutta
- cellspacing
Ominaisuus määrittää taulukon solujen välisen välin.
- Arvo cellspacing
on ei-negatiivinen kokonaisluku.
Näiden attribuuttien ja elementtien avulla voit luoda ja mukauttaa taulukoita HTML-muodossa tarpeidesi mukaan. Voit käyttää niitä näyttämään tietoja selkeästi ja järjestelmällisesti verkkosivustollasi.