Ajuda:Taula

De TarracoWiki

Una taula es una forma de representar molta informació de una manera esquematitzada, ordenada y compacta.

Contingut 1 Taula 1.1 Sintaxi HTML simplificat 1.2 Sintaxi Wiki 1.3 Fusionant cel·les 1.3.1 Fusionant cel·les de la mateixa columna 1.3.2 Fusionant cel.les de la mateixa fila 1.3.3 Taula integrada dintre d'una altra taula 1.4 Estil de taules 1.4.1 Border="1" 1.4.2 Class="Wikitable" 1.5 Alineació taules 1.5.1 Alineació a la esquerra 1.5.2 Alineació al centre 1.5.3 Alineació a la dreta 2 Vegeu també

Taula

TarracoWiki suporta dues formes d'escriure taules:

• HTML simplificat
• Sintaxi Wiki

Comparació de sintaxis

	HTML simplificat	Sintaxi wiki
Taula	<table>...</table>	{|params|}
Etiqueta	<caption></caption>	|+ caption
Fila	<tr>	|- params
Cel·la	<td>cel·la1 <td>cel·la2	| cel·la1 | cel·la2
Cel·la	<td>cel·la1<td>cel·la2<td>cel·la3	|cel·la1||cel·la2||cel·la3
Capçalera	<th>	! capçalera
A favor	Fàcil de llegir Ben coneguda Ocupa menys espai que l'XHTML	Fàcil d'escriure Fàcil de llegir Ocupa poc espai
En contra	Confusa, especialment per gent amb poca experiència en HTML Poc desenvolupada Poc delimitada Generalment es veu estranya	Sintaxi poc familiar Estructura rígida No pot ésser indentada ??

Sintaxi HTML simplificat

Per crear una taula amb HTML simplificat utilitzarem aquesta sintaxi:

<table border="1">
<caption>'''HTML simplificat'''</caption>
   <tr>
      <th> Capçalera1
      <th> Capçalera2
   <tr>
      <td> Cel·la1 <td> Cel·la2
   <tr>
      <td  style="background: #000000; color:#FFFFFF"> Cel·la3 <td> Cel·la4
   <tr>
      <td> Cel·la5 <td> Cel·la6
</table>

Quedaria d'aquesta manera en el text final

HTML simplificat

Capçalera1	Capçalera2
Cel·la1	Cel·la2
Cel·la3	Cel·la4
Cel·la5	Cel·la6

Sintaxi Wiki

Per crear una taula amb Wiki utilitzarem aquesta sintaxi:

{| class="wikitable"
|+ '''Wiki'''
! Capçalera1 !! Capçalera2
|-
| Cel·la1
| style="background: #000000; color:#FFFFFF" | Cel·la2
|-
| Cel·la3
| Cel·la4
|}

Quedaria d'aquesta manera en el text final

Wiki

Capçalera1	Capçalera2
Cel·la1	Cel·la2
Cel·la3	Cel·la4

Fusionant cel·les

Fusionant cel·les de la mateixa columna

Per fusionar files utilitza |rowspan=nºde cel·les a fusionar|.

{| align=right border=1
| Columna 1, fila 1
|rowspan=2| Columna 2, files 1 y 2)
| Columna 3, fila 1
|-
| Columna 1, fila 2
| Columna 3, fila 2
|}

Columna 1, fila 1	Columna 2, files 1 y 2)	Columna 3, fila 1
Columna 1, fila 2		Columna 3, fila 2

No oblideu que aquestes cel·les ja estaran fusionades per lo que quedaran obviades en el codi. En el exemple es pot veure que s'ha obviat introduir el contingut de la cel·la de la comuna 2, fila 2.

Fusionant cel.les de la mateixa fila

Per fusionar columnes utiliza |colspan=nºde cel·les a fusionar|.

{| align=right border=1
|colspan=3| Fila 1, columnas 1, 2 y 3 
|- 
| Columna 2, fila 2 
| Columna 3, fila 2 
|-
| Columna 2, fila 3
| Columna 3, fila 3
|}

Columna 1, fila 1, 2 y 3
Columna 2, fila 2	Columna 3, fila 2
Columna 2, fila 3	Columna 3, fila 3

No oblideu que aquestes cel·les ja estaran fusionades per lo que quedaran obviades en el codi. En el exemple es pot veure que s'ha obviat introduir el contingut de les cel·les de la columna 1, fila 2 i fila 3.

Taula integrada dintre d'una altra taula

{| border=1
| α
|
{| bgcolor=#ABCDEF border=2
|taula
|-
|integrada
|}
|la taula original de nou
|}

dona una taula integrada

α

taula integrada

la taula original de nou

Les taules integrades tenen que comensar en una nova línia.

Estil de taules

Existeixen dos estils de taules, aquest estils serveixen per donar una aparien cia. Podrem utilitzar el border="1" i el class="wikitable". Ara veurem uns exemples.

Border="1"

{| border="1"
! Capçalera1 !! Capçalera2
|-
| Cel·la1
| Cel·la2
|}

Quedaria d'aquesta manera en el text final

Capçalera1	Capçalera2
Cel·la1	Cel·la2

Class="Wikitable"

{| class="wikitable"
! Capçalera1 !! Capçalera2
|-
| Cel·la1
| Cel·la2
|}

Quedaria d'aquesta manera en el text final

Capçalera1	Capçalera2
Cel·la1	Cel·la2

Alineació taules

Podem alinear les taules quan utilitzem l'estil de taula border. Hi ha 3 tipus de alineació:

• align="left (Esquerra)
• align="center" (Centre)
• align="right" (Dreta)

Alineació a la esquerra

La alineació a l'esquerra ja surt per defecte, no caldria inserir la sintaxi align="left".

{| border="1" align="left"
|+ Esquerra
! Capçalera1 !! Capçalera2
|-
| Cel·la1
| Cel·la2
|}

Quedaria d'aquesta manera en el text final

Esquerra

Capçalera1	Capçalera2
Cel·la1	Cel·la2

Alineació al centre

{| border="1" align="center"
|+ Centre
! Capçalera1 !! Capçalera2
|-
| Cel·la1
| Cel·la2
|}

Quedaria d'aquesta manera en el text final

Centre

Capçalera1	Capçalera2
Cel·la1	Cel·la2

Alineació a la dreta

{| border="1" align="right"
|+ Dreta
! Capçalera1 !! Capçalera2
|-
| Cel·la1
| Cel·la2
|}

Quedaria d'aquesta manera en el text final

Dreta

Capçalera1	Capçalera2
Cel·la1	Cel·la2

Vegeu també

• Com editar articles.