Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Oppiskele HTML-taulukoiden Luominen ja Jäsentäminen | Section
HTML:n Perusteet

bookHTML-taulukoiden Luominen ja Jäsentäminen

Pyyhkäise näyttääksesi valikon

HTML-taulukoita käytetään tietojen esittämiseen riveissä ja sarakkeissa, mikä tarjoaa jäsennellyn tavan järjestää tietoa.

Taulukoiden luominen

Käytä <table>-tägiä taulukon luomiseen. Rivien määrittelyyn käytetään <tr> ja solujen määrittelyyn <td>. Perusrakenne on seuraava:

index.html

index.html

copy
  • <table> luo taulukon;
  • <tr> luo rivin;
  • <td> luo solun rivin sisälle.

Taulukon otsikot

Käytä <th> sarake- tai riviotsikoille. Otsikkosolut sijoitetaan yleensä <thead>-osioon.

index.html

index.html

copy
  • <thead> ympäröi otsikkorivit;
  • <th> määrittää otsikkosolut.

Taulun runko

<tbody>-osio seuraa <thead>-osiota ja ympäröi taulun varsinaiset tiedot (tavalliset rivit).

index.html

index.html

copy

Yhteenveto

Taulukot koostuvat seuraavista elementeistä:

  • <table>: taulukon pääsäiliö;
  • <thead>: otsikkorivi(t) sisältäen <th>;
  • <tbody>: tietorivit sisältäen <td>;
  • <tr>: taulukkorivi;
  • <td>/<th>: tietosolu / otsikkosolu.
index.html

index.html

copy

1. Mitä tunnistetta käytetään taulukon luomiseen?

2. Mikä tunniste edustaa taulukon riviä?

3. Mikä on <tbody>-tunnisteen tarkoitus?

question mark

Mitä tunnistetta käytetään taulukon luomiseen?

Select the correct answer

question mark

Mikä tunniste edustaa taulukon riviä?

Select the correct answer

question mark

Mikä on <tbody>-tunnisteen tarkoitus?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 22

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 1. Luku 22
some-alt