Ajuda:Taules

De WikiLingua.net

Ajuda d'edició (Mapa i ajuda)
Articles
Usant MediaWiki (Referència ràpida)
Llengua castellana
Recursos

Taula de continguts

[editar] Sintaxis amb barres verticals

Encara que la sintaxis HTML per a taules funcioni, el codi wiki pot ser usat per a crear una taula de la següent forma:

  • La taula sencera comença amb una línia "{| paràmetres opcionals per a la taula " i finalitza amb la línia "|}".
  • Una llegenda opcional s'inclou amb la línia "|+ llegenda " després de" {|".
  • El codi d'una fila consisteix en una línia "|- paràmetres opcionals per a la taula " i els codis per a les cel·les de la fila, començats per una línia "|".
  • Dades de taula són els codis per a les cel·les; el codi de la cel·la està format per "| valor " o "| paràmetres de cel·la | valor ".
  • Una fila de títols de columna s'identifica usant "!" en lloc de "|", excepte per a la separació entre un paràmetre de cel·la i un valor; la diferència amb una fila normal depèn del navegador, els títols de columna estan freqüentment presentats en negritas.
  • La primera cel·la de la fila és identificada com fila de títols si comença la línia amb "!" en lloc de "|", i comencen les subsecuentes cel·les de dades en una nova línia.

Els paràmetres de taula i de cel·les són els mateixos com en HTML, veure [1] (pàgina en anglès) i HTML element#Tables (wiki en anglès). No obstant això els elements thead, tbody, tfoot, colgroup i col actualment no són suportats en MediaWiki.

Una taula pot ser útil àdhuc si cap de les seves cel·les té contingut, notablement perquè amb l'ús de colors de fons de cel·les la taula pot ser un diagrama; vegi per exemple Escacs#el tauler d'escacs. Una "imatge" en forma d'una taula és molt més convenient per a editar una imatge pujada.

Cada fila ha de tenir el mateix nombre de cel·les que les altres files, així el nombre de columnes en la taula continua sent consistent (llevat que hi hagi cel·les que abastin diverses columnes o files, vegi colspan i rowspan en exemple barreja més a baix). Per a cel·les buides, usi l'espai “non-breaking”   com contingut per a assegurar que les cel·les siguin mostrades.

[editar] Exemples

[editar] Exemple simple

{| 
| Cel·la 1, Fila 1
| Cel·la 2, Fila 1
|- 
| Cel·la 1, Fila 2 
| Cel·la 2, Fila 2 
|}

i

{| 
| Cel·la 1, Fila 1 || Cel·la 2, Fila 1 
|- 
| Cel·la 1, Fila 2 || Cel·la 2, Fila 2 
|}

ambdós generen

Cel·la 1, Fila 1 Cel·la 2, Fila 1
Cel·la 1, Fila 2 Cel·la 2, Fila 2

[editar] Taula de multiplicar

Hem complicat una mica aquesta taula posant atributs d'alineación a cel·les i a files senceres perquè pugui apreciar com es posen els atributs a nivell de fila i a nivell de cel·la quan les cel·les s'escriuen sobre la mateixa línia de codi.

Observi's també que NO es poden barrejar en una mateixa línia de codi una cel·la de dades i una cel·la de títol.

[editar] Codi font

{| border="1" cellpadding="2"
|+ Taula de multiplicar
|-
! &estafis; !! align="right" | 1 !! align="right" | 2 !! align="right" | 3
|-
! align="right" | 1
| align="right" | 1 || align="right" | 2 || align="right" | 3
|- align="right"
! 2
| 2 || 4 || 6
|- align="right"
! 3
| 3 || 6 || 9
|- align="right"
! 4
| 4 || 8 || 12
|- align="right"
! 5
| 5 || 10 || 15
|}

[editar] Aparença

Taula de multiplicar
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15

[editar] Color; abast de paràmetres

Hi ha dues formes d'especificar el color del text i del fons per a una sola cel·la:

{| 
| bgcolor="xarxa" | <font color="white" > abc
| def
| style="background:xarxa; color:white" | ghi
| jkl
|}
abc def ghi jkl

Com es veu “font” funciona per a una sola cel·la, encara sense etiqueta de tancament: l'etiqueta de tancament és afegida pel sistema. Nota: es desaconsella utilitzar aquesta etiqueta ja que està desaprobada en HTML 4 en benefici de l'atribut style.

Com altres paràmetres, els colors poden també ser especificats per a una fila completa o per a una taula completa; els paràmetres per a una fila sobrescriben els valors per a la taula, i els de una cel·la sobrescriben els de la fila:

{| style="background:yellow; color:green"
|- 
| abc
| def
| ghi
|- style="background:xarxa; color:white"
| jkl
| mno
| pqr
|-
| stu
| style="background:silver" | vwx
| yz
|}

dóna

abc def ghi
jkl mno pqr
stu vwx yz

[editar] Definir colors

Els noms dels colors que poden emprar-se en una taula són:

Black DarkGreen MidnightBlue DarkSlateGray Navy
Green Maroon DarkBlue DarkRed DarkOliveGreen
ForestGreen Indigo SaddleBrown DarkSlateBlue SeaGreen
Brown Teal Purple Olive OliveDrab
DimGray FireBrick Sienna DarkCyan DarkMagenta
MediumBlue LimeGreen MediumSeaGreen Gray SlateGray
DarkGoldenrod Crimson SteelBlue Xocolata LightSlateGray
MediumVioletRed IndianRed CadetBlue SlateBlue LightSeaGreen
Peru Blue Llimi Xarxa RoyalBlue
DarkViolet DarkOrchid YellowGreen OrangeRed BlueViolet
Goldenrod DarkSeaGreen RosyBrown LawnGreen Tomato
DarkKhaki SpringGreen Chartreuse MediumAquamarine MediumPurple
PaleVioletRed MediumSlateBlue DarkOrange DarkGray DarkTurquoise
MediumSpringGreen MediumOrchid DodgerBlue DeepPink Coral
CornflowerBlue LightCoral MediumTurquoise DarkSalmon Salmon
Orange SandyBrown Tan GreenYellow Turquoise
LightGreen BurlyWood DeepSkyBlue LightSalmon Orchid
HotPink PaleGreen Silver Gold SkyBlue
LightSteelBlue LightSkyBlue Plum Aquamarine LightBlue
Thistle Aqua Cyan Fuchsia Magenta
Yellow Khaki Violet LightGrey PowderBlue
LightPink PaleGoldenrod Wheat Pink PaleTurquoise
NavajoWhite Gainsboro PeachPuff Moccasin Bisque
BlanchedAlmond AntiqueWhite PapayaWhip MistyRose Lavender
Beige LightGoldenrodYellow LemonChiffon Linen Cornsilk
OldLace WhiteSmoke Honeydew LightCyan LightYellow
Seashell LavenderBlush AliceBlue FloralWhite MintCream
Azure Ivory GhostWhite Snow White

Els colors es poden definir com combinació dels tres colors bàsics: vermell verd i blau: RGB, si es vol emprar aquesta manera, s'empren el signe almohadilla (#) seguit dels valors de vermell verd i blau en hexadecimal, com en els exemples.

#000000 #004400 #008800 #00cc00 #00ff00
#440000 #444400 #448800 #44cc00 #44ff00
#880000 #884400 #888800 #88cc00 #88ff00
#cc0000 #cc4400 #cc8800 #cccc00 #ccff00
#ff0000 #ff4400 #ff8800 #ffcc00 #ffff00


#000044 #004444 #008844 #00cc44 #00ff44
#440044 #444444 #448844 #44cc44 #44ff44
#880044 #884444 #888844 #88cc44 #88ff44
#cc0044 #cc4444 #cc8844 #cccc44 #ccff44
#ff0044 #ff4444 #ff8844 #ffcc44 #ffff44


#000088 #004488 #008888 #00cc88 #00ff88
#440088 #444488 #448888 #44cc88 #44ff88
#880088 #884488 #888888 #88cc88 #88ff88
#cc0088 #cc4488 #cc8888 #cccc88 #ccff88
#ff0088 #ff4488 #ff8888 #ffcc88 #ffff88


#0000cc #0044cc #0088cc #00cccc #00ffcc
#4400cc #4444cc #4488cc #44cccc #44ffcc
#8800cc #8844cc #8888cc #88cccc #88ffcc
#cc00cc #cc44cc #cc88cc #cccccc #ccffcc
#ff00cc #ff44cc #ff88cc #ffcccc #ffffcc


#0000ff #0044ff #0088ff #00ccff #00ffff
#4400ff #4444ff #4488ff #44ccff #44ffff
#8800ff #8844ff #8888ff #88ccff #88ffff
#cc00ff #cc44ff #cc88ff #ccccff #ccffff
#ff00ff #ff44ff #ff88ff #ffccff #ffffff

[editar] Ample, alt

L'ample i l'alt de tota la taula pot ser especificat, com així també l'alt d'una fila. Per a especificar l'ample d'una columna un pot especificar l'ample d'una cel·la en la columna arbitrariamente. Si no s'especifica l'ample per a totes les columnes ni l'alt de totes les files, llavors hi haurà alguna ambigüitat, i el resultat dependrà del navegador.

{| style="width:400px; height:200px" border="1"
|- 
| abc
| def
| ghi
|- style="height:100px" 
| jkl
| style="width:200px" |mno
| pqr
|-
| stu
| vwx
| yz
|-
|123
|456
|789
|}

dóna

abc def ghi
jkl mno pqr
stu vwx yz
123 456 789

[editar] Posició

Un pot situar la taula en si, i tot el contingut d'una fila, i el contingut d'una cel·la, però no amb un sol paràmetre tot el contingut d'una taula, vegi w:en:Template talk:Table demo (en anglès). No usi, sota cap circumstància, “float” per a situar una taula. Això trencaria la presentació de la pàgina a fonts de gran grandària.

[editar] “Exemple barreja”

Aquí hi ha un exemple més avançat que mostra més opcions disponibles per a “maquillar” taules. Pot jugar amb aquests ajustos en la seva pròpia taula per a veure els efectes que tenen. No totes aquestes tècniques poden ser apropiades en tots els casos; ja que adicionar fons coloreados, per exemple, pot no ser una bona idea. Tracti de mantenir el “maquillatge” en les seves taules relativament simple –recordi , altres persones estaran editant també l'article. Aquest exemple li dóna una idea del que és possible.

[editar] Codi font

{| border="1" cellpadding="5" cellspacing="0" align="center"
|+'''Una taula exemple'''
|-
! style="background:#efefef;" | Primer encapçalat
! colspan="2" style="background:#ffdead;" | Segon encapçalat
|-
| a dalt a l'esquerra
|  
| rowspan=2 style="border-bottom:3px solid grey;" valign="top" |
costat dret
|-
| style="border-bottom:3px solid grey;" | a baix a l'esquerra
| style="border-bottom:3px solid grey;" | a baix en el mig
|-
| colspan="3" align="center" |
{| border="0"
|+''Una taula en una altra taula''
|-
| align="center" width="150px" | [[Image:wiki.png]]
| align="center" width="150px" | [[Image:wiki.png]]
|-
| align="center" colspan="2" style="border-top:1px solid xarxa; border-right:1px
          solid xarxa; border-bottom:2px solid xarxa; border-left:1px solid xarxa;" |
Dos logos de Wikipedia
|}
|}

[editar] Aparença

Una taula exemple
Primer encapçalat Segon encapçalat
a dalt a l'esquerra  

costat dret

a baix a l'esquerra a baix en el mig
Una taula en una altra taula
Image:Wikipedia-logo-es.png Image:Wikipedia-logo-es.png

Dos logos de Wikipedia

[editar] Fusionant cel·les

[editar] Fusionant cel·les de la mateixa columna

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

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

No oblidis que aquestes cel·les ja estaran fusionades pel que quedaran obviades en el codi. En l'exemple vegi's que s'ha obviat introduir el contingut de la cel·la de la columna 2, fila 2.

[editar] Fusionant cel·les de la mateixa fila

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

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

No oblidis que aquestes cel·les ja estaran fusionades pel que quedaran obviades en el codi. En l'exemple vegi's que s'ha obviat introduir el contingut de les cel·les de la columna 1, fila 2 i fila 3.

[editar] Taula anidada

{| border=1
| &alpha;
|
{| bgcolor=#ABCDEF border=2
|taula
|-
|anidada
|}
|la taula original de nou
|}

dóna una taula anidada

α
taula
anidada
la taula original de nou

Les taules anidadas han de començar en una nova línia.

[editar] Altres sintaxis de taules

Altres tipus de sintaxis de taules que suporta MediaWiki són:

  1. XHTML
  2. HTML i sintaxis wiki <td>

Els tres són suportats per MediaWiki i creen (actualment) una visualització HTML vàlida, però la sintaxis amb barres verticals és la més simple, excepte tal vegada per a les persones que ja estan familiarizadas amb HTML. També, HTML i sintaxis wiki <td> no necessàriament romandran suportades pels navegadors en el futur per venir, especialment per les computadores de mà (handheld) amb possibilitat d'accedir a internet.

Vegi també HTML element#Tables (wiki en anglès). Noti no obstant això que els elements thead, tbody, tfoot, colgroup i col actualment no són suportats en MediaWiki.

[editar] Comparació

Comparació de sintaxis de taules
  XHTML HTML & Wiki-td Wiki-pipe
Taula <table></table> <table></table>
{| paràmetres 
|}
Llegenda <caption></caption> <caption></caption>
|+ llegenda
Fila <tr></tr> <tr>
|- paràmetres 
Cel·la de dades

<td>cel·la1</td>
<td>cel·la2</td>

<td>cel·la1
<td>cel·la2

| cel·la1
| cel·la2
Cel·la de dades <td>cel·la1</td> <td>cel·la2</td> <td>cel·la3</td> <td>cel·la1 <td>cel·la2 <td>cel·la3
|cel·la1||cel·la2||cel·la3
Cel·la encapçalat <th></th> <th>
! encapçalat
Taula exemple
1 2
3 4
<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td> 
      <td>4</td> 
   </tr>
</table>
<table>
   <tr>
      <td> 1 <td> 2
   <tr>
      <td> 3 <td> 4
</table>
{| 
| 1 || 2
|- 
| 3 || 4
|}
Taula exemple
1 2
3 4
5 6
<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td>
      <td>4</td>
   </tr>
   <tr>
      <td>5</td>
      <td>6</td>
   </tr>
</table>
<table>
   <tr>
      <td> 1 <td> 2
   <tr>
      <td> 3 <td> 4
   <tr>
      <td> 5 <td> 6
</table>
{| 
| 1 || 2 
|- 
| 3 || 4 
|- 
| 5 || 6 
|}
Pro

Pot ser previsualizado/depurat amb qualsevol editor XHTML


Pot donar-se-li un format per a millor lectura


Bé conegut

Pot ser previsualizado/depurat amb qualsevol editor HTML


Pot donar-se-li un format per a millor lectura


Bé conegut


Ocupa menys espai que XHTML

Fàcil d'escriure


Fàcil de llegir


Ocupa menys espai

Cons

Tedioso


Ocupa molt espai


Difícil de llegir ràpidament

Confusa, especialment per a gent amb poca experiència en HTML


Format pobre


Pobremente desenvolupat


Generalment té aspecte rar


Pot no tenir suporti de navegadors en el futur

Sintaxis no familiar


Estructura rígida


No es poden col·locar sagnies


El text (com en etiquetes HTML) pot ser més fàcil de llegir per a algunes persones que sèries de barres verticals, signes de suma, d'exclamación, etc.

  XHTML HTML & Wiki-td Wiki-pipe

[editar] Sintaxis de barres verticals en termes de presentació HTML

La sintaxis de barres verticals, desenvolupada per Magnus Manske, substituye barres verticals (|) per HTML. Hi ha un script on-line que converteix taules HTML a sintaxis de taules de barres verticals.


Les barres verticals han d'estar al començament d'una nova línia, excepte quan separen paràmetres de contingut o quan s'usen || per a separar cel·les en una mateixa línia. Els paràmetres són opcionals.

[editar] Taules

Una taula està definida per {| ''paràmetres'' |} que és igual <table ''paràmetres''>Insertar text sense format aquí </table>

Cura: Ha d'incloure un espai entre {| i els paràmetres, o el primer paràmetre serà ignorat.

[editar] Files

Les etiquetes <tr> seran generades automàticament per la primera fila. Per a començar una nova fila, usi

|-

que resulta en <tr> Els paràmetres poden ser adicionados de la següent forma: |- paràmetres que resulten en <tr paràmetres>

Nota:

  • Les etiquetes <tr> seran automàticament obertes al primer equivalent <td>
  • Les etiquetes <tr> seran automàticament tancades als equivalents <tr> i </table>

[editar] Cel·les

Les cel·les són generades per qualsevol de les següents formes:

|cel·la1
|cel·la2
|cel·la3

o

|cel·la1||cel·la2||cel·la3

ambdues són iguals a

<td>cel·la1</td><td>cel·la2</td><td>cel·la3</td>

així "||" és igual a "nova línia" + "|"

Paràmetres en cel·les poden ser usats de la següent forma:

|paràmetres|cel·la1||paràmetres|cel·la2||paràmetres|cel·la3

que resultarà en <td paràmetres>

[editar] Encapçalats

Les funcions funcionen de la mateixa forma que TD, excepte "!" és usat en comptes del "|" de començament. "!!" pot ser usat en comptes de "||". Els paràmetres no obstant això usen "|". Exemple:

!paràmetres|cel·la1

[editar] Llegendes

Una etiqueta <caption> (llegenda) és creada per

|+ Llegenda

que genera

<caption>Llegenda</caption>

També pot usar paràmetres:

|+ paràmetres|Llegenda

que generarà

<caption paràmetres>Llegenda</caption>

[editar] Text pròxim a una taula

(Per a veure els efectes ha d'augmentar o disminuir la grandària de la font del navegador; també pot canviar l'ample de la finestra del navegador.)

Pot usar align=right, i el text que segueix a la taula apareixerà a l'esquerra de la mateixa.

Taula de multiplicar 5*3
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15

aquí comença el text immediatament després de la taula de multiplicar 5*3.

No obstant això, no pot col·locar text preformateado, est pot solaparse a la taula. Per a prevenir això usi <br style="clear:both;">:

Taula de multiplicar 4*3
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12

aquí comença el text immediatament després de la taula de multiplicar 4*3… ara ve el clar BR:

el text preformateado començaria sol després que la taula va finalitzar 

Pot usar align=left, i la taula apareixerà a l'esquerra i el text que segueix a la mateixa a la dreta (però possiblement massa a prop):

Taula de multiplicar 2*3
× 1 2 3
1 1 2 3
2 2 4 6

aquí comença el text immediatament després de la taula de multiplicar 2*3


[editar] Espai al voltant d'una taula, imatge o text

Per a crear espai al voltant d'una taula, imatge o text creu una taula de 1x1 al voltant d'aquests amb “cellpadding:

Taula de multiplicar
× 1 2 3
1 1 2 3
2 2 4 6
Image:Gelderland-Position.png
Text en caixa


[editar] Ajustant l'ample de les columnes

Si vol forçar l'ample de columna als seus propis requeriments més que acceptar l'ample del major element en una cel·la d'una columna llavors segueixi aquest exemple. Noti que l'espai al voltant del text aquesta imposat.

{| border="1" cellpadding="2"
!width="50"|Nom
!width="225"|Efecte
!width="225"|En què joc es troba
|-
|Pokeball
|Pokeball normal
|Totes les versions
|-
|Great Ball
|Millor que un Pokeball
|Totes les versions
|}
Nom Efecte En què joc es troba
Pokeball Pokeball normal Totes les versions
Great Ball Millor que un Pokeball Totes les versions

[editar] Ajustant paràmetres

Al començament d'una cel·la adicione el seu paràmetre seguit d'una sola barra vertical. Per exemple width=300px| això determinarà una cel·la amb un ample de 300 píxeles. Per a establir més d'un paràmetre deixi un espai entre cadascun.

[editar] Codi Wikipedia

{|
|-
| bgcolor=xarxa|cel·la1 || width=300px bgcolor=blue|cel·la2 || bgcolor=green|cel·la3
|}

[editar] Que es veurà així en el seu navegador

cel·la1 cel·la2 cel·la3

[editar] Alineación del punt decimal

Un mètode per a obtenir columnes de nombres alineades en el punt decimal és com segueix:

<blockquote>
{| cellpadding=0 cellspacing=0
|align=right| 432 || . || 1
|-
|align=right| 43 || . || 21
|-
|align=right| 4 || . || 321
|}
</blockquote>

que dóna

432 . 1
43 . 21
4 . 321

En casos simples un pot administrar un tret de taula i simplement començar la línia amb un espai i posant espais en la posició dels nombres:

432.1
 43.21
  4.321

[editar] Plantilles d'estil

Alguns usuaris han creat plantilles per a fer taules amb estil més fàcilment. En comptes de recordar paràmetres de taules pot incloure una plantilla d'estil apropiada després de {|. Aquesta ajuda conserva el format de taules consistent i pot permetre que un simple canvi en la plantilla repari un problema o realci l'aparença de totes les taules que la usin. Per exemple:

Taula de multiplicar
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15

es converteix en:

Taula de multiplicar
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15

simplement reemplaçant la secció border="1" cellpadding="2" amb {{tablabonita}}, perquè aquesta plantilla conté les següents regles d'estil:

border="2" cellpadding="4" cellspacing="0" style="margin: 0.5em 0.5em 0.5em 1em; padding: 0.5em; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; font-size: 95%;" .

Totes aquestes plantilles haurien d'estar organitzades/llistades en un sol lloc com aquí.

[editar] Galeria

Com un subproducto de la característica de galeria d'imatges, una taula pot ser feta amb una etiqueta de galeria; si una entrada de text conté un link, l'entrada sencera és ignorada.

<gallery>
Drenthe
Flevoland
Friesland
Gelderland
Groningen
Limburg
North Brabant (capital: [[Donin Bosch]]) 
North Holland
Overijssel
South Holland
Utrecht
Zeeland
</gallery>

dóna:

[editar] Vegi's també

(links en anglès)

[editar] Enllaços externs

(links en anglès)