Wikia

Final Fantasy Wiki

Ayuda:Tablas

Discusión0
1.769páginas en el wiki

Las Tablas pueden ser usadas para mostrar información, y además para crear diseños de cajas para las páginas de tu wiki.

Algunas etiquetas HTML de tablas son soportadas por MediaWiki, pero no hay garantía de que puedan estar descontinuadas. Por esta razón, es recomendando que uses la sintaxis de mediawiki, explicado en esta página.

Nota, la siguiente información no es aplicable para el modo WYSIWYG del editor nuevo, lo notarás en el código fuente.

Marcado

  XHTML Wiki sintaxix
Tabla <table></table>
{| parámetros
|}
Título <caption></caption>
|+ título
Fila <tr></tr>
|- parámetros 
Datos de celda <td>celda1</td>
<td>celda2</td>
| celda1
| celda2
Datos de celda <td>celda1</td> <td>celda2</td> <td>celda3</td>
|celda1||celda2||celda3
Encabezado de celda <th></th>
! encabezado

Ver también Ayuda:Tablas en Wikipedia para más información.

Ejemplo de tabla

1 2
3 4
XHTML Wiki sintaxis
<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td> 
      <td>4</td> 
   </tr>
</table>
{| 
| 1 || 2
|- 
| 3 || 4
|}

Notas

  • La tabla completa comienza con {| y termina con su correspondiente |}.
  • Un título es una forma de describir tu tabla, y puede ser incluido con |+ en la línea después de {|.
  • Las filas son grupos horizontales de celdas en la tabla. Una fila comienza con |- y termina en la siguiente fila.
  • Los encabezados son celdas con encabezados dentro de ellas, y generalmente están marcadas en negrita. Comienzan con !. Nota que los parámetros están separados del contenido actual de la celda con |, sin embargo,
  • Los datos de celda rellenan el resto de la tabla. Una celda comienza con | o || y termina en la siguiente celda.

Cada fila debe tener el mismo número de celdas, así el número de columnas en la tabla se mantendrá estable (a menos que hayan celdas que abarquen muchas columnas o filas, pero esto no es discutido aquí). Para celdas vacías, escribe un espacio &nbsp; como contenido para asegurar que aparezca la celda.

Diseño complejo (hecho simple)

Este ejemplo avanzado muestra algunas opciones disponibles para hacer tablas. Puedes jugar con estas configuraciones en tu propia tabla para ver los efectos que tienen. No todas estas técnicas son apropiadas en todos los casos; porque puedes añadir fondos coloreados, por ejemplo. Trata de mantener el formato de manera simple en tus tablas — recuerda, otras personas podrán editar también la página.

Un ejemplo de diseño
Primer título Segundo título
arriba izquierda   lado derecho
abajo izquierda abajo centro
Wiki Wiki
Bienvenido a Wikia

El código de tu tabla reflejará la estructura. Es posible escribir diseños complejos en una tabla, pero no es recomendable. Para mejor simplicidad, es mejor dividir el diseño en pequeñas unidades o tablas.

Divisiones

Mientras que puedes anidar tablas

diseño código
Un ejemplo de diseño
Primer título Segundo título
arriba izquierda   lado derecho
abajo izquierda abajo centro
Una tabla dentro de otra
Wiki Wiki
  {| border="1" cellpadding="5" cellspacing="0" style="border-collapse:collapse;" width="330"
  |+'''Un ejemplo de diseño'''
  |-
  ! Primer título
  ! colspan="2" | Segundo título
  |-
  | arriba izquierda
  |  
  | rowspan=2 | lado derecho
  |-
  | | abajo izquierda
  | | abajo centro
  |-
  | colspan="3" |
  {| border="0"
  |+''Una tabla dentro de otra''
  |-
  || [[File:Wiki.png]]
  || [[File:Wiki.png]]
  |}
  |}

Es mejor dividir las tablas:

diseño código
Un ejemplo de diseño
Primer título Segundo título
arriba izquierda   lado derecho
abajo izquierda abajo centro
Wiki Wiki
  {| border="1" cellpadding="5" cellspacing="0" width="330" style="border-collapse:collapse;"
  |+'''Un ejemplo de diseño'''
  |-
  ! Primer título
  ! colspan="2" | Segundo título
  |-
  | arriba izquierda
  |  
  |rowspan=2 | lado derecho
  |-
  | | abajo izquierda
  | | abajo centro
  |}

  {| style="border:1px solid; border-top:none; width:330px;"
  |-
  || [[File:Wiki.png]]
  || [[File:Wiki.png]]
  |}

No uses tablas para una caja simple

El código de tablas solamente debería de ser usado para tablas. Para cajas simples, usa <div></div>. Por ejemplo, en lugar de:

diseño código
Wiki Wiki

Bienvenido a Wikia

  {| style="border:1px solid; border-top:none; width:330px;"
  |-
  || [[File:Wiki.png]]
  || [[File:Wiki.png]]
  |-
  | align="center" colspan="2" style="border-top:1px solid red;"|
  Bienvenido a Wikia
  |}

Deberías de usar

diseño código
Wiki Wiki
Bienvenido a Wikia
  {| style="border:1px solid; border-top:none; width:330px;"
  |-
  || [[File:Wiki.png]]
  || [[File:Wiki.png]]
  |-
  | align="center" colspan="2"|
  <div style="border:1px solid red;">Bienvenido a Wikia</div>
  |}

El código completo

Un ejemplo de diseño
Primer título Segundo título
superior izquierda   lado derecho
abajo izquierda abajo centro
Wiki Wiki
Bienvenidos a Wikia
{| border="1" cellpadding="5" cellspacing="0" width="330" style="border-collapse:collapse;"
|+'''Un ejemplo de diseño'''
|-
! style="background:#efefef; color:#000;" | Primer título
! colspan="2" style="background:#ffdead; color:#000;" | Segundo título
|-
| superior izquierda
|  
| rowspan=2 | lado derecho
|-
| | abajo izquierda
| | abajo centro
|}

{| style="border:1px solid; border-top:none; width:330px;"
|-
|| [[File:Wiki.png]]
|| [[File:Wiki.png]]
|-
| align="center" colspan="2"|
<div style="border:1px solid red;">Bienvenidos a Wikia</div>
|}

Edición en modo visual

Para crear una tabla pulsa el botón Table button que encontrarás en la parte derecha del editor.

Edit toolbar table highlighted

Pulsa el botón tabla


1. Editando, pula el botón "tabla" que encontrarás debajo de la sección "Insertar".

2. Aparecerá una caja popup que te permitirá elegir los parámetros que quieras para tu tabla.

Table properties

Crear tu tabla


3. Cuando pulses "ok", aparecerá una tabla en tu texto. Después puedes añadir contenido.

4. Si necesitas cambiar los parámetros de tu tabla simplemente tienes que hacer click derecho y hacer los cambios.

Table editor

Click derecho para editar


Ver también

  • Ayuda:Tablas en Wikipedia. Esta página tiene más información detallada, además de tener enlaces externos a sitios para convertir de HTML a wikitables.
  • Help:Editando

Enlaces externos

Spotlights de otras wikias
Solicita el tuyo aquí

Wiki aleatorio