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 | Osio
Harjoittele
Projektit
Tietovisat & Haasteet
Visat
Haasteet
/
HTML-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?

Valitse oikea vastaus

question mark

Mikä tunniste edustaa taulukon riviä?

Valitse oikea vastaus

question mark

Mikä on <tbody>-tunnisteen tarkoitus?

Valitse oikea vastaus

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 13

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

Osio 1. Luku 13
some-alt