Diferencia entre revisiones de «Manual wiki/Edición/Tablas»

Contenido eliminado Contenido añadido
Drinibot (discusión | contribs.)
m Miscelánea ortográfica
Drinibot (discusión | contribs.)
m Bot: Fixing redirects; cambios triviales
Línea 1:
==Sintaxis con barras verticales==
Aunque la sintaxis HTML para tablas funcione, el código wiki puede ser usado para crear una tabla de la siguiente forma:
* La tabla entera comienza con una línea "<code>{|</code> ''parámetros opcionales para la tabla'' " y finaliza con la línea "<code>|}</code>".
* Una '''leyenda''' opcional se incluye con la línea "<code>|+</code> ''leyenda'' " luego de "<code>{|</code>".
* El código para una '''fila''' consiste en una línea "<code>|-</code> ''parámetros opcionales para la tabla'' " y comenzando en una nueva fila, los códigos para las celdas en la fila están separados por ''nueva línea'' o "|".
* '''Datos de tabla''' son los códigos para las celdas; el código de la celda esta 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:en: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 [[w:en:Html#Permitted_HTML|soportados en MediaWiki]].
Línea 14:
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.
 
== Ejemplos ==
 
=== Ejemplo simple ===
Línea 84:
|+ Tabla de multiplicar
|-
! &times;× !! align="right" | 1 !! align="right" | 2 !! align="right" | 3
|-
! align="right" | 1
Línea 103:
</div>
 
=== Color; alcance de parámetros ===
 
Hay dos formas de especificar el color del texto y del fondo para una sola celda:
Línea 161:
|}
 
La especificación [[Lenguaje HTML|HTML]] 4.01 define dieciséis colores, aquí se muestran con sus valores hexadecimales:
 
{| border="0"
Línea 202:
|}
 
=== Ancho, alto ===
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>
Línea 238:
|}
 
=== Posición ===
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.
 
=== “Ejemplo mezcla” ===
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.
 
==== Código fuente ====
<blockquote style="background: white; border: 1px solid black; padding: 1em; overflow: scroll">
<pre><nowiki>
Línea 275:
</blockquote>
 
==== Apariencia ====
<blockquote style="background: white; border: 1px solid black; padding: 1em;">
{| border="1" cellpadding="5" cellspacing="0" align="center"
Línea 295:
|+''Una tabla en otra tabla''
|-
| align="center" width="150px" | [[ImageArchivo:wiki.png]]
| align="center" width="150px" | [[ImageArchivo:wiki.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;" |
Línea 345:
 
{| border=1
| &alpha;α
|
{| bgcolor=#ABCDEF border=2
Línea 357:
'''Las tablas anidadas deben comenzar en una nueva línea.'''
 
== Otras sintaxis de tablas ==
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, especiamente 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_HTMLPermitted HTML|soportados en MediaWiki]].
 
== Comparación ==
<table border="1" cellspacing="0" cellpadding="3">
<caption>Comparación de sintaxis de tablas </caption>
Línea 394:
 
<td>
<nowiki><td>celda1</td></nowiki><br />
<nowiki><td>celda2</td></nowiki>
 
<td>
<nowiki><td>celda1</nowiki><br />
<nowiki><td>celda2</nowiki>
 
Línea 572:
</table>
 
== Sintaxis de barras verticales en terminos de presentación HTML ==
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.
 
Línea 578:
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.
 
=== Tablas ===
Una tabla está definida por
<nowiki>
Línea 590:
</nowiki>
 
:''Cuidado'': '''Debe incluir''' un '''espacio''' entre <code>'''{|'''</code> y los <code>''parámetros''</code>, o el primer parámetro será ingnorado.
 
=== Filas ===
Las etiquetas <tr&gt; serán generadas automáticamente por la primera fila. Para comenzar una nueva fila, use
|-
Línea 603:
 
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;
 
=== Celdas ===
Las celdas son generadas por cualquiera de las siguientes formas:
|celda1
Línea 622:
<td ''parámetros''&gt;
 
=== Encabezados ===
Las funciones operan 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
 
=== Leyendas ===
Una etiqueta <caption&gt; (leyenda) es creada por
|+ Leyenda
Línea 636:
&lt;caption ''parámetros''&gt;Leyenda&lt;/caption&gt;
 
== Texto próximo a una tabla ==
''(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.)''
 
Línea 644:
|+Tabla de multiplicar 5*3
|-
! &times;× !! 1 !! 2 !! 3
|-
! 1
Línea 661:
| 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.
Línea 672:
|+Tabla de multiplicar 4*3
|-
! &times;× !! 1 !! 2 !! 3
|-
! 1
Línea 694:
|+Tabla de multiplicar 2*3
|-
! &times;× !! 1 !! 2 !! 3
|-
! 1
Línea 707:
{{clr}}
 
== Espacio alrededor de una tabla, imagen o texto ==
Para crear espacio alrededor de una tabla, imagen o texto cree una tabla de 1x1 alrededor de éstos con “cellpadding:
 
Línea 716:
|+Tabla de multiplicar
|-
! &times;× !! 1 !! 2 !! 3
|-
! 1
Línea 727:
|}
{| cellpadding=50 align=right
|[[ImageArchivo: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
Línea 736:
{{clr}}
 
== Ajustando el ancho de las columnas ==
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.
 
Línea 773:
</blockquote>
 
== Ajustando parámetros ==
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 pixels. Para establecer más de un parámetro deje un espacio entre cada uno.
 
Línea 794:
</blockquote>
 
== Alineación del punto decimal ==
 
Un método para obtener columnas de números alineadas en el punto decimal es como sigue:
Línea 826:
4.321
 
== Plantillas de estilo ==
 
Algunos usuarios han creado [[w: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:
Línea 833:
|+Tabla de multiplicar
|-
! &times;× !! 1 !! 2 !! 3
|-
! 1
Línea 856:
|+Tabla de multiplicar
|-
! &times;× !! 1 !! 2 !! 3
|-
! 1
Línea 879:
''Todas estas plantillas deberían estar organizadas/listadas en un solo lugar como aquí.''
 
== Galería ==
 
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.
Línea 917:
</gallery>
 
== Vea también ==
(links en inglés)
* [[: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]]
 
== Links externos ==
(links en inglés)
* [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)