Pomoć:Stvaranje tablica

Izvor: Ubuntu-hr
Skoči na: orijentacija, traži
<<< Upravljanje slikama <<<
>>> Stranice za razgovor >>>

Tablice možete napraviti na dva načina:

  1. koristeći posebne Wiki-šifre (preporučeni način, wiki markup je jako jednostavan)
  2. koristeći standardne HTML elemente: <table>, <tr>, <td> ili <th>...

Do tablice u 4 koraka

  • Tablica počinje s lijevom vitičastom zagradom i vertikalnom crtom - "{|", a završava sa suprotnom kombinacijom "|}".
  • redovi tablice odvajaju se vertikalnom crtom i minusom "|-"
  • svako polje u tablici počinje s vertikalnom crtom: "|"
  • polja tablice treba pisati na početku novog reda, tj. jedno polje=jedan red

Primjeri

Obična tablica s okvirom

{|border='1'
| Prvi red, prvi stupac
| Prvi red, drugi stupac
| Prvi red, treći stupac
|- 
| Drugi red, prvi stupac
| Drugi red, drugi stupac
| Drugi red, treći stupac
|}

Rezultat 1

Prvi red, prvi stupac Prvi red, drugi stupac Prvi red, treći stupac
Drugi red, prvi stupac Drugi red, drugi stupac Drugi red, treći stupac


Obična tablica bez okvira

Ne želite okvir oko polja i tablice? Uklonite border='1'

{|
| Prvi red, prvi stupac
| Prvi red, drugi stupac
| Prvi red, treći stupac
|- 
| Drugi red, prvi stupac
| Drugi red, drugi stupac
| Drugi red, treći stupac
|}

Rezultat 2

Prvi red, prvi stupac Prvi red, drugi stupac Prvi red, treći stupac
Drugi red, prvi stupac Drugi red, drugi stupac Drugi red, treći stupac


Tablica s pozadinom druge boje

Želite li da tablica ima sivu pozadinu i plava slova? Napišite style="background:silver; color:blue" odmah iza "{|" (tamo gdje je pisalo "border='1'").

{|style="background:silver; color:blue"
| Prvi red, prvi stupac
| Prvi red, drugi stupac
| Prvi red, treći stupac
|- 
| Drugi red, prvi stupac
| Drugi red, drugi stupac
| Drugi red, treći stupac
|}

Rezultat 3

Prvi red, prvi stupac Prvi red, drugi stupac Prvi red, treći stupac
Drugi red, prvi stupac Drugi red, drugi stupac Drugi red, treći stupac

Neobična tablica

{| border="1"
| Polje 1   1x1
| Polje 2   1x1
| Polje 3   1x1
| Polje 4   1x1
|- 
| Polje 1   1x1
| colspan="2" | Polje 2   2x1
| rowspan="2" | Polje 4   1x2
|- 
| Polje 1   1x1
| Polje 2   1x1
| Polje 3   1x1
|} 

Rezultat 4

Polje 1 1x1 Polje 2 1x1 Polje 3 1x1 Polje 4 1x1
Polje 1 1x1 Polje 2 2x1 Polje 4 1x2
Polje 1 1x1 Polje 2 1x1 Polje 3 1x1
<<< Upravljanje slikama <<<
>>> Stranice za razgovor >>>