Ir al contenido

Yanapa:Tawla nisqapaq musuqchasqapura wakin kaynin

Wikipediamanta
Contenido eliminado Contenido añadido
Sin resumen de edición
use file from commons
 
(Wakin 8 ruraqpa chawpipi 23 llamk'apusqankunaqa manam rikuchisqachu)
Siq'i 1: Siq'i 1:
{{trad|art=Ayuda:Tablas|ci=es}}
Ruranaraqmi p'anqa, kunanqa kaypi qhaway:
==Siriq k'aspi sintaksis==
*[[Yanapa:Tabla-kuna]] (kastilla simipi)
HTML sintaksis tawlakunapi llamk'aptinpas, wiki qillqawanmi kay hinatam tawlakunata allinkachinki:
*Tawlaqa kaywanmi qallarin: "<code>{|</code> ''parámetros opcionales para la tabla'' ", kaywantaq tukukun: "<code>|}</code>".
*'''Ñawirina''' nisqatapas qillqamunkiman, kay siq'iwanmi: "<code>|+</code> ''leyenda'' " kay qhipanpi: "<code>{|</code>".
*'''Sinq'inchasqa''' nisqapaq qillqaqa huk siq'im: "<code>|-</code> ''parámetros opcionales para la tabla'' " musuq siq'inchasqawan qallarispa, siq'inchasqapi k'itichakunapaq qillqakunaqa ''musuq siq'iwanmi'' rakinakun icha "|".
* '''Datos de tabla''' son los códigos para las celdas; el código de la celda está formado por "| ''valor'' " o "| ''parámetros de celda'' | ''valor'' ".
*Una fila de '''títulos de columna''' se identifica usando "!" en lugar de "|", excepto para la separación entre un parámetro de celda y un valor; la diferencia con una fila normal depende del navegador, los títulos de columna están frecuentemente presentados en negritas.
*La primera celda de la fila es identificada como '''fila de títulos''' si comienza la línea con "!" en lugar de "|", y comienzan las subsecuentes celdas de datos en una nueva línea.


Los parámetros de tabla y de celdas son los mismos como en HTML, ver [http://www.w3.org/TR/html401/struct/tables.html#edef-TABLE] (página en inglés) y [[w:HTML element#Tables|HTML element#Tables]] (wiki en inglés). Sin embargo los elementos <code>thead</code>, <code>tbody</code>, <code>tfoot</code>, <code>colgroup</code> y <code>col</code> actualmente no son [[Html#Permitted_HTML|soportados en MediaWiki]].
[[Category:Wikipidiya:Yanapa]]

Una tabla puede ser útil aun si ninguna de sus celdas tiene contenido, notablemente porque con el uso de colores de fondo de celdas la tabla puede ser un diagrama; vea por ejemplo [[Ajedrez#el tablero de ajedrez]]. Una "imagen" en forma de una tabla es mucho más conveniente para editar una imagen subida.

Cada fila debe tener el mismo número de celdas que las otras filas, así el número de columnas en la tabla continúa siendo consistente (a menos que haya celdas que abarquen varias columnas o filas, vea colspan y rowspan en ejemplo mezcla más abajo). Para celdas vacías, use el espacio “non-breaking” <code>&amp;nbsp;</code> como contenido para asegurar que las celdas sean mostradas.

==Rikuna==

=== Sikllalla rikuna ===
<pre>
{|
| Celda 1, Fila 1
| Celda 2, Fila 1
|-
| Celda 1, Fila 2
| Celda 2, Fila 2
|}
</pre>

y

<pre>
{|
| Celda 1, Fila 1 || Celda 2, Fila 1
|-
| Celda 1, Fila 2 || Celda 2, Fila 2
|}
</pre>

ambos generan

{|
| Celda 1, Fila 1
| Celda 2, Fila 1
|-
| Celda 1, Fila 2
| Celda 2, Fila 2
|}

=== Mirachina tawla ===

Hemos complicado un poco esta tabla poniendo atributos de alineación a celdas y a filas enteras para que pueda apreciar cómo se ponen los atributos a nivel de fila y a nivel de celda cuando las celdas se escriben sobre la misma línea de código.

Obsérvese también que NO se pueden mezclar en una misma línea de código una celda de datos y una celda de título.

==== Pukyu qillqa ====
<div style="background: white; border: 1px solid black; padding: 1em;">
<pre><nowiki>
{| border="1" cellpadding="2"
|+ Tabla de multiplicar
|-
! &amp;times; !! 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
|}
</nowiki></pre>
</div>

==== Rikch'akuy ====
<div style="background: white; border: 1px solid black; padding: 1em;">
{| border="1" cellpadding="2"
|+ Tabla de multiplicar
|-
! &times; !! 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
|}
</div>

===Llimphi; Kuskanachina tupu aypay ===

Hay dos formas de especificar el color del texto y del fondo para una sola celda:

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

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

Como se ve “font” funciona para una sola celda, aún sin etiqueta de cierre: la etiqueta de cierre es añadida por el sistema. ''Nota: se desaconseja utilizar esta etiqueta ya que está desaprobada en HTML 4 en beneficio del atributo style.''

Como otros parámetros, los colores pueden también ser especificados para una fila completa o para una tabla completa; los parámetros para una fila sobrescriben los valores para la tabla, y los de una celda sobrescriben los de la fila:

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

da

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

La especificación [[HTML]] 4.01 define dieciséis colores, aquí se muestran con sus valores hexadecimales:

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

===Suni, hanaq===
El ancho y el alto de toda la tabla puede ser especificado, como así también el alto de una fila. Para especificar el ancho de una columna uno puede especificar el ancho de una celda en la columna arbitrariamente. Si no se especifica el ancho para todas las columnas ni el alto de todas las filas, entonces habrá alguna ambigüedad, y el resultado dependerá del navegador.
<pre>
{| style="width:400px; height:200px" border="1"
|-
| abc
| def
| ghi
|- style="height:100px"
| jkl
| style="width:200px" |mno
| pqr
|-
| stu
| vwx
| yz
|}
</pre>

da

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

===Maypi kachkay===
Uno puede ubicar la tabla en sí, y todo el contenido de una fila, y el contenido de una celda, pero no con un solo parámetro todo el contenido de una tabla, vea [[w:en:Template talk:Table demo]] (en inglés). No use, bajo ninguna circunstancia, “float” para ubicar una tabla. Esto rompería la presentación de la página a fuentes de gran tamaño.

===“Chaqruy rikuna”===
Aquí hay un ejemplo más avanzado que muestra más opciones disponibles para “maquillar” tablas. Puede jugar con estos ajustes en su propia tabla para ver los efectos que tienen. No todas estas técnicas pueden ser apropiadas en todos los casos; ya que adicionar fondos coloreados, por ejemplo, puede no ser una buena idea. Trate de mantener el “maquillaje” en sus tablas relativamente simple –recuerde , otras personas estarán editando también el artículo. Este ejemplo le da una idea de lo que es posible.

====Pukyu qillqa====
<blockquote style="background: white; border: 1px solid black; padding: 1em; overflow: scroll">
<pre><nowiki>
{| border="1" cellpadding="5" cellspacing="0" align="center"
|+'''Una tabla ejemplo'''
|-
! style="background:#efefef;" | Primer encabezado
! colspan="2" style="background:#ffdead;" | Segundo encabezado
|-
| arriba a la izquierda
| &nbsp;
| rowspan=2 style="border-bottom:3px solid grey;" valign="top" |
lado derecho
|-
| style="border-bottom:3px solid grey;" | abajo a la izquierda
| style="border-bottom:3px solid grey;" | abajo en el medio
|-
| colspan="3" align="center" |
{| border="0"
|+''Una tabla en otra tabla''
|-
| align="center" width="150px" | [[Image:Wikipedia-logo-v2-qu.png]]
| align="center" width="150px" | [[Image:Wikipedia-logo-v2-qu.png]]
|-
| align="center" colspan="2" style="border-top:1px solid red; border-right:1px
solid red; border-bottom:2px solid red; border-left:1px solid red;" |
Dos logos de Wikipedia
|}
|}</nowiki></pre>
</blockquote>

====Rikch'akuy====
<blockquote style="background: white; border: 1px solid black; padding: 1em;">
{| border="1" cellpadding="5" cellspacing="0" align="center"
|+'''Una tabla ejemplo'''
|-
! style="background:#efefef;" | Primer encabezado
! colspan="2" style="background:#ffdead;" | Segundo encabezado
|-
| arriba a la izquierda
| &nbsp;
| rowspan=2 style="border-bottom:3px solid grey;" valign="top" |
lado derecho
|-
| style="border-bottom:3px solid grey;" | abajo a la izquierda
| style="border-bottom:3px solid grey;" | abajo en el medio
|-
| colspan="3" align="center" |
{| border="0"
|+''Una tabla en otra tabla''
|-
| align="center" width="150px" | [[Image:Wikipedia-logo-v2-qu.png]]
| align="center" width="150px" | [[Image:Wikipedia-logo-v2-qu.png]]
|-
| align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:2px solid red; border-left:1px solid red;" |
Dos logos de Wikipedia
|}
|}
</blockquote>

=== Ñawparikusqa rikuna ===
<pre>
{| align=right border=1
| Celda 1, fila 1
|rowspan=2| Celda 2, fila 1 (y 2)
| Celda 3, fila 1
|-
| Celda 1, fila 2
| Celda 3, fila 2
|}
</pre>
{| align=right border=1
| Celda 1, fila 1
|rowspan=2| Celda 2, fila 1 (y 2)
| Celda 3, fila 1
|-
| Celda 1, fila 2
| Celda 3, fila 2
|}

Note la tabla flotante a la derecha

<br clear="both" />


=== Huk ñawparikusqa rikuna ===
<pre>
{| align=right border=1
|rowspan=5| Celda 2, fila 1 (y 2)
| Celda 3, fila 1
| celda 4, fila 2
|-
| Celda 1, fila 2
| Celda 3, fila 2
|}
</pre>
{| align=right border=1
|rowspan=5| Celda 2, fila 1 (y 2)
| Celda 3, fila 1
| celda 4, fila 2
|-
| Celda 1, fila 2
| Celda 3, fila 2
|-
| Celda 1, fila 2
| Celda 3, fila 2
|}

Note la tabla flotante a la derecha

<br clear="both" />

=== Q'isachasqa tawla ===
<pre>
{| border=1
| &amp;alpha;
|
{| bgcolor=#ABCDEF border=2
|tabla
|-
|anidada
|}
|la tabla original de nuevo
|}
</pre>

da una tabla anidada

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

'''Las tablas anidadas deben comenzar en una nueva línea.'''

==Tawlapaq huk sintaksis==
Otros tipos de sintaxis de '''tablas''' que soporta MediaWiki son:
#XHTML
#HTML y sintaxis wiki <nowiki><td></nowiki>

Los tres son soportados por MediaWiki y crean (actualmente) una visualización HTML válida, pero la sintaxis con barras verticales es la más simple, excepto tal vez para las personas que ya están familiarizadas con HTML. También, HTML y sintaxis wiki <nowiki><td></nowiki> no necesariamente permanecerán soportadas por los navegadores en el futuro por venir, especialmente por las computadoras de mano (handheld) con posibilidad de acceder a internet.

Vea también [[w:HTML element#Tables|HTML element#Tables]] (wiki en inglés). Note sin embargo que los elementos <code>thead</code>, <code>tbody</code>, <code>tfoot</code>, <code>colgroup</code> y <code>col</code> actualmente no son [[Html#Permitted_HTML|soportados en MediaWiki]].

==Rikch'anachiy==
<table border="1" cellspacing="0" cellpadding="3">
<caption>Comparación de sintaxis de tablas </caption>
<tr><th>&nbsp;<th>XHTML <th>HTML &amp; Wiki-td <th>Wiki-pipe

<tr>
<th>Tabla
<td><nowiki><table></table></nowiki>
<td><nowiki><table></table></nowiki>
<td><pre><nowiki>{| parámetros
|}</nowiki></pre>

<tr>
<th>Leyenda
<td><nowiki><caption></caption></nowiki>
<td><nowiki><caption></caption></nowiki>
<td><pre><nowiki>|+ leyenda</nowiki></pre>

<tr>
<th>Fila
<td><nowiki><tr></tr></nowiki>
<td><nowiki><tr></nowiki>
<td><pre><nowiki>|- parámetros </nowiki></pre>

<tr>
<th>Celda de datos

<td>
<nowiki><td>celda1</td></nowiki><br>
<nowiki><td>celda2</td></nowiki>

<td>
<nowiki><td>celda1</nowiki><br>
<nowiki><td>celda2</nowiki>

<td>
<pre><nowiki>| celda1
| celda2</nowiki></pre>

<tr>
<th>Celda de datos
<td><nowiki><td>celda1</td> <td>celda2</td> <td>celda3</td></nowiki>
<td><nowiki><td>celda1 <td>celda2 <td>celda3</nowiki>
<td><pre><nowiki>|celda1||celda2||celda3</nowiki></pre>

<tr>
<th>Celda encabezado
<td><nowiki><th></th></nowiki>
<td><nowiki><th></nowiki>
<td><pre><nowiki>! encabezado</nowiki></pre>

<tr>
<th rowspan="2">Tabla ejemplo
<td colspan="3">
<table align="center" border="1" cellspacing="0" cellpadding="3">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>

<tr>
<td><pre><nowiki>
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</nowiki></pre>

<td><pre><nowiki>
<table>
<tr>
<td> 1 <td> 2
<tr>
<td> 3 <td> 4
</table>
</nowiki></pre>

<td><pre><nowiki>
{|
| 1 || 2
|-
| 3 || 4
|}</nowiki></pre>

<tr>
<th rowspan="2">Tabla ejemplo
<td colspan="3">
<table align="center" border="1" cellspacing="0" cellpadding="3">
<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>

<tr>
<td><pre><nowiki>
<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>
</nowiki></pre>

<td><pre><nowiki>
<table>
<tr>
<td> 1 <td> 2
<tr>
<td> 3 <td> 4
<tr>
<td> 5 <td> 6
</table>
</nowiki></pre>

<td><pre><nowiki>
{|
| 1 || 2
|-
| 3 || 4
|-
| 5 || 6
|}</nowiki></pre>

<tr>
<th>Pro
<td valign="top">
Puede ser previsualizado/depurado con cualquier editor XHTML
----
Puede dársele un formato para mejor lectura
----
Bien conocido

<td valign="top">
Puede ser previsualizado/depurado con cualquier editor HTML
----
Puede dársele un formato para mejor lectura
----
Bien conocido
----
Ocupa menos espacio que XHTML
<td valign="top">
Fácil de escribir
----
Fácil de leer
----
Ocupa menos espacio

<tr>
<th>Cons
<td valign="top">
Tedioso
----
Ocupa mucho espacio
----
Difícil de leer rápidamente

<td valign="top">
Confusa, especialmente para gente con poca experiencia en HTML
----
Formato pobre
----
Pobremente desarrollado
----
Generalmente tiene aspecto raro
----
Puede no tener soporte de navegadores en el futuro

<td valign="top">
Sintaxis no familiar
----
Estructura rígida
----
No se pueden colocar sangrías
----
El texto (como en etiquetas HTML) puede ser más fácil de leer para algunas personas que series de barras verticales, signos de suma, de exclamación, etc.
<tr><th>&nbsp;<th>XHTML <th>HTML &amp; Wiki-td <th>Wiki-pipe
</table>

==Sayaq k'aspipaq sintaksis, HTML rikuchiy==
La sintaxis de barras verticales, desarrollada por [[:m:User:Magnus Manske| Magnus Manske]], substituye barras verticales (<nowiki>|</nowiki>) por HTML. Hay un [http://www.uni-bonn.de/~manfear/html2wiki-tables.php script on-line] que convierte tablas HTML a sintaxis de tablas de barras verticales.


Las barras verticales deben estar al comienzo de una nueva línea, excepto cuando separan parámetros de contenido o cuando se usan <code>||</code> para separar celdas en una misma línea. Los parámetros son opcionales.

===Tawlakuna===
Una tabla está definida por
<nowiki>
{| ''parámetros''
|}
</nowiki>
que es igual
<nowiki>
<table ''parámetros''&gt;Insertar texto sin formato aquí
</table&gt;
</nowiki>

:''Cuidado'': '''Debe incluir''' un '''espacio''' entre <code>'''{|'''</code> y los <code>''parámetros''</code>, o el primer parámetro será ingnorado.

===Siq'inchasqakuna===
Las etiquetas <tr&gt; serán generadas automáticamente por la primera fila. Para comenzar una nueva fila, use
|-
que resulta en
&lt;tr&gt;
Los parámetros pueden ser adicionados de la siguiente forma:
|- ''parámetros''
que resultan en
&lt;tr ''parámetros''&gt;

Nota:
*Las etiquetas <tr&gt; serán automáticamente abiertas al primer equivalente <td&gt;
*Las etiquetas <tr&gt; serán automáticamente cerradas a los equivalentes <tr&gt; y </table&gt;

===K'itichakuna===
Las celdas son generadas por cualquiera de las siguientes formas:
|celda1
|celda2
|celda3
o
|celda1||celda2||celda3
ambas son iguales a
<td&gt;celda1</td&gt;<td&gt;celda2</td&gt;<td&gt;celda3</td&gt;
así "||" es igual a "nueva línea" + "|"

Parámetros en celdas pueden ser usados de la siguiente forma:
|''parámetros''|celda1||''parámetros''|celda2||''parámetros''|celda3
que resultará en
<td ''parámetros''&gt;

===Umanchasqa===
Las funciones funcionan de la misma forma que TD, excepto "!" es usado en vez del "|" de comienzo. "!!" puede ser usado en vez de "||". Los parámetros sin embargo usan "|". Ejemplo:
<nowiki>!</nowiki>''parámetros''|celda1

===Ñawirinakuna===
Una etiqueta <caption&gt; (leyenda) es creada por
|+ Leyenda
que genera
&lt;caption&gt;Leyenda&lt;/caption&gt;
También puede usar parámetros:
|+ ''parámetros''|Leyenda
que generará
&lt;caption ''parámetros''&gt;Leyenda&lt;/caption&gt;

==Tawlap kinrayninpi qillqasqa==
''(Para ver los efectos debe aumentar o disminuir el tamaño de la fuente del navegador; también puede cambiar el ancho de la ventana del navegador.)''

Puede usar '''align=right''', y el texto que sigue a la tabla aparecerá a la izquierda de la misma.

{| border="1" cellpadding="2" align=right
|+Tabla de multiplicar 5*3
|-
! &times; !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}
aquí comienza el texto inmediatamente después de la tabla de multiplicar 5*3 texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto suficiente de este texto.
<br clear="all" />

Sin embargo, '''no puede colocar texto preformateado''', este puede solaparse a la tabla.
Para prevenir esto use <nowiki><br style="clear:both;"></nowiki>:

{| border="1" cellpadding="2" align=right
|+Tabla de multiplicar 4*3
|-
! &times; !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|}

aquí comienza el texto inmediatamente después de la tabla de multiplicar 4*3… texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto este es el fin del texto ahora viene el claro BR: <br style="clear:both;">
el texto preformateado empezaría solo luego de que la tabla finalizó texto texto texto texto

Puede usar '''align=left''', y la tabla aparecerá a la izquierda y el texto que sigue a la misma a la derecha (pero posiblemente demasiado cerca):
{| border="1" cellpadding="2" align=left
|+Tabla de multiplicar 2*3
|-
! &times; !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
|}
aquí comienza el texto inmediatamente después de la tabla de multiplicar 2*3 texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto

{{clr}}

==Tawlap, rikchap, qillqap muyuriyninpi pampa==
Para crear espacio alrededor de una tabla, imagen o texto cree una tabla de 1x1 alrededor de éstos con “cellpadding:

{| cellpadding=50 align=left
|-
|
{| border=1 cellpadding="2"
|+Tabla de multiplicar
|-
! &times; !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
|}
|}
{| cellpadding=50 align=right
|[[Image:Gelderland-Position.png]]
|}
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
{| cellpadding=50 align=left border=5
|Texto en caja
|}
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto TeXto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
{{clr}}

==Tunukunata sunichay==
Si quiere forzar el ancho de columna a sus propios requerimientos más que aceptar el ancho del mayor elemento en una celda de una columna entonces siga este ejemplo. Note que el espacio alrededor del texto esta impuesto.

<blockquote style="background: white; border: 1px solid black; padding: 1em;">
<pre><nowiki>
{| border="1" cellpadding="2"
!width="50"|Nombre
!width="225"|Efecto
!width="225"|En que juego se encuentra
|-
|Pokeball
|Pokeball normal
|Todas las versiones
|-
|Great Ball
|Mejor que un Pokeball
|Todas las versiones
|}
</nowiki></pre>
</blockquote>

<blockquote style="background: white; border: 1px solid black; padding: 1em;">
{| border="1" cellpadding="2"
!width="50"|Nombre
!width="225"|Efecto
!width="225"| En que juego se encuentra
|-
|Pokeball
|Pokeball normal
|Todas las versiones
|-
|Great Ball
|Mejor que un Pokeball
|Todas las versiones
|}
</blockquote>

==Kuskanachina tupukuna allichay==
Al comienzo de una celda adicione su parámetro seguido de una sola barra vertical. Por ejemplo <tt>width=300px|</tt> esto determinará una celda con un ancho de 300 píxeles. Para establecer más de un parámetro deje un espacio entre cada uno.

=== Wikipidiya qillqa ===
<blockquote style="background: white; border: 1px solid black; padding: 1em;">
<pre><nowiki>
{|
|-
| bgcolor=red|celda1 || width=300px bgcolor=blue|celda2 || bgcolor=green|celda3
|}
</nowiki></pre></blockquote>

=== Wamp'unaykipi rikuna ===

<blockquote style="background: white; border: 1px solid black; padding: 1em;">
{|
|-
| bgcolor=red|celda1 || width=300px bgcolor=blue|celda2 || bgcolor=green|celda3
|}
</blockquote>

==Chunkantin iñuta allinchay==

Un método para obtener columnas de números alineadas en el punto decimal es como sigue:

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

que da

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

En casos simples uno puede administrar un rasgo de tabla y simplemente comenzar la línea con un espacio y poniendo espacios en la posición de los números:

432.1
43.21
4.321

==Allinkachina plantilla==

Algunos usuarios han creado [[Ayuda:plantilla|plantillas]] para hacer tablas con estilo más fácilmente. En vez de recordar parámetros de tablas puede incluir una plantilla de estilo apropiada después de <code><nowiki>{|</nowiki></code>. Esta ayuda conserva el formato de tablas consistente y puede permitir que un simple cambio en la plantilla repare un problema o realce la apariencia de todas las tablas que la usen. Por ejemplo:

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

se convierte en:

{| {{tablabonita}}
|+Tabla de multiplicar
|-
! &times; !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}

simplemente reemplazando la sección <code>border="1" cellpadding="2"</code> con {{tl|tablabonita}}, porque esta plantilla contiene las siguientes reglas de estilo:
:<code>{{tablabonita}}</code>.

''Todas estas plantillas deberían estar organizadas/listadas en un solo lugar como aquí.''

==Suyu-suyu==

Como un subproducto de la característica de galería de imágenes, una tabla puede ser hecha con una etiqueta de galería; si una entrada de texto contiene un link, la entrada entera es ignorada.

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

da:

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

==Iñi==
(inlish simipi)
*[[:m:en:simplified table syntax]]
*[[:m:en:wiki markup tables]]
*[[w:en:User:Dcljr/Tables]]
*ejemplos:
**[[w:en:Template talk:Chess position|Chess board]]
**[[w:en:Template talk:Game of Go Position|Go board]]
**[[w:en:Monopoly (game)#Board|Monopoly board]]
**[[m:en:Template talk:Square 8x8 pentomino example|Square 8x8 pentomino example]]

==Hawa t'inkikuna==
(inlish simipi)
*[http://www.cnic.org/html2mediawiki.html HTML tables to wiki converter at cnic.org]
*[http://area23.brightbyte.de/csv2wp.php csv2wp] - converts [[w:comma-separated values|comma-separated values]] (CSV) format to pipe syntax. You may use this to import tables from Excel etc. ([[:w:en:wikipedia:de:Benutzer:Duesentrieb/csv2wp|more information]])
*[http://www.wackyboy.com/ConvertHtmlTableToWikiTable.html HTML tables to wiki converter at wackyboy.com]
*[http://www.uni-bonn.de/~manfear/html2wiki-tables.php HTML tables to wiki converter at uni-bonn.de]
*[http://diberri.dyndns.org/html2wiki.html HTML tables to wiki converter at diberri.dyndns.org]
*[http://pywikipediabot.sourceforge.net/ pywikipediabot] (can convert HTML tables to wiki)

[[Katiguriya:Wikipidiya:Kastilla yanapa|Tablas]]

Kunan musuqchasqa, 16:49 28 hun 2016 pacha

Kay qillqa kastilla simimanta qillqa Ayuda:Tablas-manta kutichikuchkanmi. Chayrayku, wakillan pantay mana kutichisqa pitikunataq tarinata atinkim.
Kutichiyta qatispa Wikipidiyata ñawpa qillqamanta yanapaymi.


Siriq k'aspi sintaksis

[llamk'apuy | pukyuta llamk'apuy]

HTML sintaksis tawlakunapi llamk'aptinpas, wiki qillqawanmi kay hinatam tawlakunata allinkachinki:

  • Tawlaqa kaywanmi qallarin: "{| parámetros opcionales para la tabla ", kaywantaq tukukun: "|}".
  • Ñawirina nisqatapas qillqamunkiman, kay siq'iwanmi: "|+ leyenda " kay qhipanpi: "{|".
  • Sinq'inchasqa nisqapaq qillqaqa huk siq'im: "|- parámetros opcionales para la tabla " musuq siq'inchasqawan qallarispa, siq'inchasqapi k'itichakunapaq qillqakunaqa musuq siq'iwanmi rakinakun icha "|".
  • Datos de tabla son los códigos para las celdas; el código de la celda está formado por "| valor " o "| parámetros de celda | valor ".
  • Una fila de títulos de columna se identifica usando "!" en lugar de "|", excepto para la separación entre un parámetro de celda y un valor; la diferencia con una fila normal depende del navegador, los títulos de columna están frecuentemente presentados en negritas.
  • La primera celda de la fila es identificada como fila de títulos si comienza la línea con "!" en lugar de "|", y comienzan las subsecuentes celdas de datos en una nueva línea.

Los parámetros de tabla y de celdas son los mismos como en HTML, ver [1] (página en inglés) y HTML element#Tables (wiki en inglés). Sin embargo los elementos thead, tbody, tfoot, colgroup y col actualmente no son soportados en MediaWiki.

Una tabla puede ser útil aun si ninguna de sus celdas tiene contenido, notablemente porque con el uso de colores de fondo de celdas la tabla puede ser un diagrama; vea por ejemplo Ajedrez#el tablero de ajedrez. Una "imagen" en forma de una tabla es mucho más conveniente para editar una imagen subida.

Cada fila debe tener el mismo número de celdas que las otras filas, así el número de columnas en la tabla continúa siendo consistente (a menos que haya celdas que abarquen varias columnas o filas, vea colspan y rowspan en ejemplo mezcla más abajo). Para celdas vacías, use el espacio “non-breaking” &nbsp; como contenido para asegurar que las celdas sean mostradas.

Sikllalla rikuna

[llamk'apuy | pukyuta llamk'apuy]
{| 
| Celda 1, Fila 1
| Celda 2, Fila 1
|- 
| Celda 1, Fila 2 
| Celda 2, Fila 2 
|}

y

{| 
| Celda 1, Fila 1 || Celda 2, Fila 1 
|- 
| Celda 1, Fila 2 || Celda 2, Fila 2 
|}

ambos generan

Celda 1, Fila 1 Celda 2, Fila 1
Celda 1, Fila 2 Celda 2, Fila 2

Mirachina tawla

[llamk'apuy | pukyuta llamk'apuy]

Hemos complicado un poco esta tabla poniendo atributos de alineación a celdas y a filas enteras para que pueda apreciar cómo se ponen los atributos a nivel de fila y a nivel de celda cuando las celdas se escriben sobre la misma línea de código.

Obsérvese también que NO se pueden mezclar en una misma línea de código una celda de datos y una celda de título.

{| border="1" cellpadding="2"
|+ Tabla de multiplicar
|-
! &times; !! 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
|}
Tabla 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

Llimphi; Kuskanachina tupu aypay

[llamk'apuy | pukyuta llamk'apuy]

Hay dos formas de especificar el color del texto y del fondo para una sola celda:

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

Como se ve “font” funciona para una sola celda, aún sin etiqueta de cierre: la etiqueta de cierre es añadida por el sistema. Nota: se desaconseja utilizar esta etiqueta ya que está desaprobada en HTML 4 en beneficio del atributo style.

Como otros parámetros, los colores pueden también ser especificados para una fila completa o para una tabla completa; los parámetros para una fila sobrescriben los valores para la tabla, y los de una celda sobrescriben los de la fila:

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

da

abc def ghi
jkl mno pqr
stu vwx yz

La especificación HTML 4.01 define dieciséis colores, aquí se muestran con sus valores hexadecimales:

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 Chocolate LightSlateGray
MediumVioletRed IndianRed CadetBlue SlateBlue LightSeaGreen
Peru Blue Lime Red 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

El ancho y el alto de toda la tabla puede ser especificado, como así también el alto de una fila. Para especificar el ancho de una columna uno puede especificar el ancho de una celda en la columna arbitrariamente. Si no se especifica el ancho para todas las columnas ni el alto de todas las filas, entonces habrá alguna ambigüedad, y el resultado dependerá del navegador.

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

da

abc def ghi
jkl mno pqr
stu vwx yz

Uno puede ubicar la tabla en sí, y todo el contenido de una fila, y el contenido de una celda, pero no con un solo parámetro todo el contenido de una tabla, vea w:en:Template talk:Table demo (en inglés). No use, bajo ninguna circunstancia, “float” para ubicar una tabla. Esto rompería la presentación de la página a fuentes de gran tamaño.

“Chaqruy rikuna”

[llamk'apuy | pukyuta llamk'apuy]

Aquí hay un ejemplo más avanzado que muestra más opciones disponibles para “maquillar” tablas. Puede jugar con estos ajustes en su propia tabla para ver los efectos que tienen. No todas estas técnicas pueden ser apropiadas en todos los casos; ya que adicionar fondos coloreados, por ejemplo, puede no ser una buena idea. Trate de mantener el “maquillaje” en sus tablas relativamente simple –recuerde , otras personas estarán editando también el artículo. Este ejemplo le da una idea de lo que es posible.

{| border="1" cellpadding="5" cellspacing="0" align="center"
|+'''Una tabla ejemplo'''
|-
! style="background:#efefef;" | Primer encabezado
! colspan="2" style="background:#ffdead;" | Segundo encabezado
|-
| arriba a la izquierda
|  
| rowspan=2 style="border-bottom:3px solid grey;" valign="top" |
lado derecho
|-
| style="border-bottom:3px solid grey;" | abajo a la izquierda
| style="border-bottom:3px solid grey;" | abajo en el medio
|-
| colspan="3" align="center" |
{| border="0"
|+''Una tabla en otra tabla''
|-
| align="center" width="150px" | [[Image:Wikipedia-logo-v2-qu.png]]
| align="center" width="150px" | [[Image:Wikipedia-logo-v2-qu.png]]
|-
| align="center" colspan="2" style="border-top:1px solid red; border-right:1px
          solid red; border-bottom:2px solid red; border-left:1px solid red;" |
Dos logos de Wikipedia
|}
|}
Una tabla ejemplo
Primer encabezado Segundo encabezado
arriba a la izquierda  

lado derecho

abajo a la izquierda abajo en el medio
Una tabla en otra tabla

Dos logos de Wikipedia

Ñawparikusqa rikuna

[llamk'apuy | pukyuta llamk'apuy]
{| align=right border=1
| Celda 1, fila 1 
|rowspan=2| Celda 2, fila 1 (y 2) 
| Celda 3, fila 1 
|- 
| Celda 1, fila 2 
| Celda 3, fila 2 
|}
Celda 1, fila 1 Celda 2, fila 1 (y 2) Celda 3, fila 1
Celda 1, fila 2 Celda 3, fila 2

Note la tabla flotante a la derecha



Huk ñawparikusqa rikuna

[llamk'apuy | pukyuta llamk'apuy]
{| align=right border=1
|rowspan=5| Celda 2, fila 1 (y 2) 
| Celda 3, fila 1 
| celda 4, fila 2
|- 
| Celda 1, fila 2 
| Celda 3, fila 2 
|}
Celda 2, fila 1 (y 2) Celda 3, fila 1 celda 4, fila 2
Celda 1, fila 2 Celda 3, fila 2
Celda 1, fila 2 Celda 3, fila 2

Note la tabla flotante a la derecha


Q'isachasqa tawla

[llamk'apuy | pukyuta llamk'apuy]
{| border=1
| &alpha;
|
{| bgcolor=#ABCDEF border=2
|tabla
|-
|anidada
|}
|la tabla original de nuevo
|}

da una tabla anidada

α
tabla
anidada
la tabla original de nuevo

Las tablas anidadas deben comenzar en una nueva línea.

Tawlapaq huk sintaksis

[llamk'apuy | pukyuta llamk'apuy]

Otros tipos de sintaxis de tablas que soporta MediaWiki son:

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

Los tres son soportados por MediaWiki y crean (actualmente) una visualización HTML válida, pero la sintaxis con barras verticales es la más simple, excepto tal vez para las personas que ya están familiarizadas con HTML. También, HTML y sintaxis wiki <td> no necesariamente permanecerán soportadas por los navegadores en el futuro por venir, especialmente por las computadoras de mano (handheld) con posibilidad de acceder a internet.

Vea también HTML element#Tables (wiki en inglés). Note sin embargo que los elementos thead, tbody, tfoot, colgroup y col actualmente no son soportados en MediaWiki.

Comparación de sintaxis de tablas
 XHTML HTML & Wiki-td Wiki-pipe
Tabla <table></table> <table></table>
{| parámetros 
|}
Leyenda <caption></caption> <caption></caption>
|+ leyenda
Fila <tr></tr> <tr>
|- parámetros 
Celda de datos

<td>celda1</td>
<td>celda2</td>

<td>celda1
<td>celda2

| celda1
| celda2
Celda de datos <td>celda1</td> <td>celda2</td> <td>celda3</td> <td>celda1 <td>celda2 <td>celda3
|celda1||celda2||celda3
Celda encabezado <th></th> <th>
! encabezado
Tabla ejemplo
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
|}
Tabla ejemplo
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

Puede ser previsualizado/depurado con cualquier editor XHTML


Puede dársele un formato para mejor lectura


Bien conocido

Puede ser previsualizado/depurado con cualquier editor HTML


Puede dársele un formato para mejor lectura


Bien conocido


Ocupa menos espacio que XHTML

Fácil de escribir


Fácil de leer


Ocupa menos espacio

Cons

Tedioso


Ocupa mucho espacio


Difícil de leer rápidamente

Confusa, especialmente para gente con poca experiencia en HTML


Formato pobre


Pobremente desarrollado


Generalmente tiene aspecto raro


Puede no tener soporte de navegadores en el futuro

Sintaxis no familiar


Estructura rígida


No se pueden colocar sangrías


El texto (como en etiquetas HTML) puede ser más fácil de leer para algunas personas que series de barras verticales, signos de suma, de exclamación, etc.

 XHTML HTML & Wiki-td Wiki-pipe

Sayaq k'aspipaq sintaksis, HTML rikuchiy

[llamk'apuy | pukyuta llamk'apuy]

La sintaxis de barras verticales, desarrollada por Magnus Manske, substituye barras verticales (|) por HTML. Hay un script on-line que convierte tablas HTML a sintaxis de tablas de barras verticales.


Las barras verticales deben estar al comienzo de una nueva línea, excepto cuando separan parámetros de contenido o cuando se usan || para separar celdas en una misma línea. Los parámetros son opcionales.

Una tabla está definida por {| ''parámetros'' |} que es igual <table ''parámetros''>Insertar texto sin formato aquí </table>

Cuidado: Debe incluir un espacio entre {| y los parámetros, o el primer parámetro será ingnorado.

Siq'inchasqakuna

[llamk'apuy | pukyuta llamk'apuy]

Las etiquetas <tr> serán generadas automáticamente por la primera fila. Para comenzar una nueva fila, use

|-

que resulta en <tr> Los parámetros pueden ser adicionados de la siguiente forma: |- parámetros que resultan en <tr parámetros>

Nota:

  • Las etiquetas <tr> serán automáticamente abiertas al primer equivalente <td>
  • Las etiquetas <tr> serán automáticamente cerradas a los equivalentes <tr> y </table>

Las celdas son generadas por cualquiera de las siguientes formas:

|celda1
|celda2
|celda3

o

|celda1||celda2||celda3

ambas son iguales a

<td>celda1</td><td>celda2</td><td>celda3</td>

así "||" es igual a "nueva línea" + "|"

Parámetros en celdas pueden ser usados de la siguiente forma:

|parámetros|celda1||parámetros|celda2||parámetros|celda3

que resultará en <td parámetros>

Las funciones funcionan de la misma forma que TD, excepto "!" es usado en vez del "|" de comienzo. "!!" puede ser usado en vez de "||". Los parámetros sin embargo usan "|". Ejemplo:

!parámetros|celda1

Una etiqueta <caption> (leyenda) es creada por

|+ Leyenda

que genera

<caption>Leyenda</caption>

También puede usar parámetros:

|+ parámetros|Leyenda

que generará

<caption parámetros>Leyenda</caption>

Tawlap kinrayninpi qillqasqa

[llamk'apuy | pukyuta llamk'apuy]

(Para ver los efectos debe aumentar o disminuir el tamaño de la fuente del navegador; también puede cambiar el ancho de la ventana del navegador.)

Puede usar align=right, y el texto que sigue a la tabla aparecerá a la izquierda de la misma.

Tabla 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í comienza el texto inmediatamente después de la tabla de multiplicar 5*3 texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto suficiente de este texto.

Sin embargo, no puede colocar texto preformateado, este puede solaparse a la tabla. Para prevenir esto use <br style="clear:both;">:

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

aquí comienza el texto inmediatamente después de la tabla de multiplicar 4*3… texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto este es el fin del texto ahora viene el claro BR:

el texto preformateado empezaría solo luego de que la tabla finalizó texto texto texto texto

Puede usar align=left, y la tabla aparecerá a la izquierda y el texto que sigue a la misma a la derecha (pero posiblemente demasiado cerca):

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

aquí comienza el texto inmediatamente después de la tabla de multiplicar 2*3 texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto


Tawlap, rikchap, qillqap muyuriyninpi pampa

[llamk'apuy | pukyuta llamk'apuy]

Para crear espacio alrededor de una tabla, imagen o texto cree una tabla de 1x1 alrededor de éstos con “cellpadding:

Tabla de multiplicar
× 1 2 3
1 1 2 3
2 2 4 6

texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto

Texto en caja

texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto TeXto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto

Tunukunata sunichay

[llamk'apuy | pukyuta llamk'apuy]

Si quiere forzar el ancho de columna a sus propios requerimientos más que aceptar el ancho del mayor elemento en una celda de una columna entonces siga este ejemplo. Note que el espacio alrededor del texto esta impuesto.

{| border="1" cellpadding="2"
!width="50"|Nombre
!width="225"|Efecto
!width="225"|En que juego se encuentra
|-
|Pokeball
|Pokeball normal
|Todas las versiones
|-
|Great Ball
|Mejor que un Pokeball
|Todas las versiones
|}
Nombre Efecto En que juego se encuentra
Pokeball Pokeball normal Todas las versiones
Great Ball Mejor que un Pokeball Todas las versiones

Kuskanachina tupukuna allichay

[llamk'apuy | pukyuta llamk'apuy]

Al comienzo de una celda adicione su parámetro seguido de una sola barra vertical. Por ejemplo width=300px| esto determinará una celda con un ancho de 300 píxeles. Para establecer más de un parámetro deje un espacio entre cada uno.

Wikipidiya qillqa

[llamk'apuy | pukyuta llamk'apuy]
{|
|-
| bgcolor=red|celda1 || width=300px bgcolor=blue|celda2 || bgcolor=green|celda3
|}

Wamp'unaykipi rikuna

[llamk'apuy | pukyuta llamk'apuy]
celda1 celda2 celda3

Chunkantin iñuta allinchay

[llamk'apuy | pukyuta llamk'apuy]

Un método para obtener columnas de números alineadas en el punto decimal es como sigue:

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

que da

432 . 1
43 . 21
4 . 321

En casos simples uno puede administrar un rasgo de tabla y simplemente comenzar la línea con un espacio y poniendo espacios en la posición de los números:

432.1
 43.21
  4.321

Allinkachina plantilla

[llamk'apuy | pukyuta llamk'apuy]

Algunos usuarios han creado plantillas para hacer tablas con estilo más fácilmente. En vez de recordar parámetros de tablas puede incluir una plantilla de estilo apropiada después de {|. Esta ayuda conserva el formato de tablas consistente y puede permitir que un simple cambio en la plantilla repare un problema o realce la apariencia de todas las tablas que la usen. Por ejemplo:

Tabla 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

se convierte en:

Tabla 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

simplemente reemplazando la sección border="1" cellpadding="2" con {{tablabonita}}, porque esta plantilla contiene las siguientes reglas de estilo:

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

Todas estas plantillas deberían estar organizadas/listadas en un solo lugar como aquí.

Como un subproducto de la característica de galería de imágenes, una tabla puede ser hecha con una etiqueta de galería; si una entrada de texto contiene un link, la entrada entera es ignorada.

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

da:

(inlish simipi)

Hawa t'inkikuna

[llamk'apuy | pukyuta llamk'apuy]

(inlish simipi)

"https://qu.wikipedia.org/w/index.php?title=Yanapa:Tawla&oldid=628192" p'anqamanta chaskisqa (Wikipedia, Qhichwa / Quechua)