1. rindas 1. ailes šūna 90 pikseļu platumā | 1. rindas 2. ailes šūna 110 pikseļu platumā | 1. rindas 3. ailes šūna 30 pikseļu platumā |
Abām tabulām ir piešķirts Wiki-vidē pieņemtais tabulas izskats, papildus norādot, ka tām jānovietojas teksta labajā pusē. Tabulas un aiļu platums visai nosacīti atbilst ierakstītajam pikseļu skaitam. Tabulas šūna nevar būt šaurāka par garāko vārdu tajā. Lai nākamā tabula nenostātos blakus, aiz šīs rindkopas ir ievietota norāde, ka „jānotīra” teksta laukums ({{clear}}).
Vienšūņu kolonija | |
---|---|
![]() |
![]() Volvox sp. |
Zaļaļģu kolonija |
Otrajai tabulai virsraksta rindu iesāk ar ‘!’, nevis ‘|’. Tabulai ir divas ailes. Pirmajā un trešajā rindā ailes ir apvienotas ar colspan=2.
Otrā tabulā redzams arī tas, ko ievietotajam attēlam dod „thumb”.
Pēc otrās tabulas atkal ir noteikts, ka tai blakus nedrīkst sākties jauns teksts.
1. rindas 1. ailes šūna 90 pikseļu platumā | 1. rindas 2. ailes šūna 110 pikseļu platumā | 1. rindas 3. ailes šūna 30 pikseļu platumā |
Šajā sadaļā tabulām nav piešķirta piederība kādai stilu klasei. Ir tikai norādīts, ka tām jānovietojas teksta labajā pusē. Lai nākamā tabula nenostātos blakus, aiz šīs rindkopas ir ievietota norāde, ka „jānotīra” teksta laukums ({{clear}}).
Vienšūņu kolonija | |
---|---|
![]() |
![]() Volvox sp. |
Zaļaļģu kolonija |
Otrajai tabulai virsraksta rindu iesāk ar ‘!’, nevis ‘|’. Pēc otrās tabulas atkal ir noteikts, ka tai blakus nedrīkst sākties jauns teksts.
Vienšūnis | |
---|---|
![]() Paramecium sp |
![]() Paramecium sp |
Parastā tupelīte |
Tabulai iespējams norādīt, ka jāzīmē parasts rāmis ( border=1). Šajā piemērā arī parādīts, kā iespējams nolīdzināt katras tabulas šūnu vai vienas rindas saturu – šoreiz tas ticis centrēts (align=center). Var līdzināt pēc kreisās malas (align=left), kā arī pēc labās malas (align=right). Savukārt valign=top|center|bottom nosaka izlīdzinājumu pa statenisko asi.
Vienšūnis | |
---|---|
![]() Paramecium sp |
![]() Paramecium sp |
Parastā tupelīte |
Mainot border (līnijas biezums), cellspacing (attālums starp šūnām), cellpadding (attālums starp šūnas saturu un malu), iepējams mainīt tabulas izskatu, neizmantojot Wiki-stilus. Tabulas krāsu var noteikt ar bgcolor. Bet, tā kā šādi nav iespējams noteikt malas rāmja krāsu, tad labāk gan pamatnei, gan malām izmantot stila parametrus backgroundunborder-color. Iepazīties ar krāsu veidošanas kodiem iespējams lapā „Krāsas HTML lapās”[5].
1. rindas 1. ailes šūna | 1. rindas 2. ailes šūna | 1. rindas 3. ailes šūna |
2. rindas 1. ailes šūna | 2. rindas 2. ailes šūna | 2. rindas 3. ailes šūna |
Brīvo telpu ap tabulu var noteikt izmantojot stila parametrus margin, margin-left, margin-right, margin-top, margin-bottom. Izmantojot stila parametrus, mērvienības var būt pikseļi (px), procenti (%) vai izmantotā fonta burta ‘m’ platums (em). Dažādas brīvās malas vērtības var norādīt izmantojot vienu pašu margin. Tādā gadījumā vērtības iespējams norādīt vienā rindā ierakstot vien, divus, trīs vai četrus skaitļus. Mainoties skaitļu skaitam, mainās kurš skaitlis nosaka atkāpi kurai malai:
Lai apvilktu rāmi ap tabulu, bet šūnas nebūtu savā starpā atdalītas, jāizmanto stila parametrs border. Noapaļotos stūrus var panākt ar stila parametru border-radius. Katrai tabulas šūnai atsevišķi var izveidot savu stila aprakstu, kā tas redzams otrās rindas otrās ailes šūnai.
1. ailes virsraksts | 2. ailes virsraksts | 3. ailes virsraksts |
---|---|---|
1. rindas 1. ailes šūna | 1. rindas 2. ailes šūna | 1. rindas 3. ailes šūna |
2. rindas 1. ailes šūna | 2. rindas 2. ailes šūna | |
3. rindas 1. ailes šūna | 3. rindas 2. ailes šūna | 3. rindas 3. ailes šūna |
4. rindas 1. ailes šūna | 4. rindas 3. ailes šūna |
Tabulas platumu iespējams uzdot ne tikai pikseļos, bet arī kādu daļu no lapas platumu tā aizņem (procentos).
Līdzīgi kā ar colspan ir iespējams apvienot ailes, ar rowspan var apvienot rindas
Uzreiz nākamajā rindiņā aiz tabulas sākuma apraksta ({|) iespējams ievietot tabulas nosaukumu. Šai rindai jāsākas ar ‘|+’.
1. ailes virsraksts | 2. ailes virsraksts | 3. ailes virsraksts |
---|---|---|
1. rindas 1. ailes šūna | 1. rindas 2. ailes šūna | 1. rindas 3. ailes šūna |
2. rindas 1. ailes šūna | 2. rindas 2. ailes šūna | |
3. rindas 1. ailes šūna | 3. rindas 2. ailes šūna | 3. rindas 3. ailes šūna |
4. rindas 1. ailes šūna | 4. rindas 3. ailes šūna |
Lai starp šūnām neveidotos divas līnijas, bet tikai viena, jāizmanto stilu parametrs border-collapse:collapse.
Izmantojot CSS (Cascading Style Sheets, Stila lapas kaskadēšanu)[6], iespējams veidot tabulas, kurā nepāru rindu krāsa atšķiras no pāra rindu krāsām. Diemžēl, Wiki lapās tas nav pieejams.