Difference between revisions of "Help:Tables/es"

Revision as of 19:08, 19 October 2013

Las tablas se pueden crear en páginas wiki usando directamente ciertos elementos de tablas XHTML, o bien usando formato de código wiki para definir la tabla. Los elementos de tabla XHTML y su uso están bien descritos en varios sitios web y no se discutirán aquí. La ventaja de usar el código wiki es que la tabla se construye mediante caracteres que tienden a hacer más fácil la percepción de la estructura de la tabla en la vista de edición del artículo, en comparación con los elementos de tabla XHTML.

Como regla general, es mejor evitar el uso de una tabla a menos que realmente la necesites, pues la inclusión de tablas complica la edición de la página.

Sumario de formato de tablas en código wiki

{|

|+

|-

! 

|

|}

Básicos

La siguiente tabla carece de bordes y de un buen espaciado, pero muestra la estructura de tabla en el formato wiki más simple.

{|
|Naranja
|Manzana
|-
|Pan
|Pastel
|-
|Mantequilla
|Helado 
|}

Las celdas de la misma fila pueden listarse en una línea separándolas con ||.

Los espacios extra dentro de una celda en el formato wiki no afectan al aspecto de la tabla, como se demuestra a continuación.

{|
|  Naranja    ||   Manzana   ||   más
|-
|   Pan    ||   Pastel     ||   más
|-
|   Mantequilla   || Helado ||  y más
|}

Encabezados de tabla

Se pueden crear encabezados de tabla usando "!" en vez de "|". Habitualmente, los encabezados se muestran por defecto en negrita y centrados.

{|
! Elemento
! Cantidad
! Precio
|-
|Naranja
|10
|7,00
|-
|Pan
|4
|3,00
|-
|Mantequilla
|1
|5,00
|-
!Total
|
|15,00
|}

Subtítulo

Se puede añadir un subtítulo de tabla, al principio de cualquier tabla, como se muestra a continuación.

{|
|+Complementos alimenticios
|-
|Naranja
|Manzana
|-
|Pan
|Pastel
|-
|Mantequilla
|Helado 
|}

Atributos XHTML

Puedes añadir atributos XHTML a las tablas. Consulta la información en la página de especificación de tablas de HTML 4.01 de W3C.

Atributos en las tablas

Si se ponen atributos después del código de inicio de la tabla ({|), se aplicarán a toda la tabla.

{| border="1"
|Naranja
|Manzana
|12 333,00
|-
|Pan
|Pastel
|500,00
|-
|Mantequilla
|Helado
|1,00
|}

Atributos en celdas

Puedes poner atributos en celdas individuales. Por ejemplo, los números suelen leerse mejor si se alinean a la derecha.

{| border="1"
|Naranja
|Manzana
|align="right" | 12 333,00
|-
|Pan
|Pastel
|align="right" | 500,00
|-
|Mantequilla
|Helado
|align="right" | 1,00
|}

Puedes tambien usar atributos de celda cuando estás poniendo varias celdas en una sola línea. Obsérvese que las celdas se separan con || y dentro de cada celda los atributos y valores se separan con |.

{| border="1"
| Naranja || Manzana     || align="right" | 12 333,00
|-
| Pan  || Pastel       || align="right" | 500,00
|-
| Mantequilla || Helado || align="right" | 1,00
|}

Atributos en filas

Puedes poner atributos en filas individuales.

{| border="1"
|Naranja
|Manzana
|align="right"|12 333,00
|-
|Pan
|Pastel
|align="right"|500,00
|- style="font-style:italic; color:green;"
|Mantequilla
|Helado
|align="right"|1,00
|}

Con atributos HTML y estilos CSS

Es posible añadir atributos de estilo CSS, con o sin otros atributos HTML.

{| style="color:green; background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Naranja
|Manzana
|-
|Pan
|Pastel
|-
|Mantequilla
|Helado 
|}

Se pueden añadir atributos a los encabezados y a los subtítulos como se indica a continuación.

{| border="1" cellpadding="20" cellspacing="0"
|+ align="bottom" style="color:#e76700;" |''Complementos alimenticios''
|-
|Naranja
|Manzana
|-
|Pan
|Pastel
|-
|Mantequilla
|Helado 
|}

Advertencias

Números negativos

Si comienzas una celda en una nueva línea con un número negativo con un signo menos (o un parámetro que lo muestre como número negativo) la tabla puede alterarse, porque los caracteres |- se interpretarán como formato wiki para la fila de la tabla, no la celda. Para evitar esto, inserta un espacio antes del signo (| -6) o utiliza una celda en la misma línea (||-6).

CSS frente a atributos

Es posible que algunos navegadores de texto muestren los bordes de la tabla de forma incorrecta si se especificaron mediante CSS al mismo tiempo que con un atributo del borde.