Ayuda:Tablas

Aunque Wikipedia acepta el código HTML para la creación de tablas como en cualquier página web, posee también un código propio, cuya sintaxis basada en barras verticales resulta bastante más limpia y compacta.Sin embargo los elementos thead, tbody, tfoot, colgroup y col actualmente no son soportados en MediaWiki.Cada fila debe tener el mismo número de celdas que las otras filas, así la cantidad de columnas en la tabla continúa siendo consistente (a menos que haya celdas que abarquen varias columnas o filas, véase colspan y rowspan en ejemplo mezcla más abajo).Como se expone a continuación, para simplificar el problema del código redundante necesario en muchas ocasiones para definir tablas por el procedimiento descrito anteriormente, se dispone de la opción class="wikitable", que facilita TABLAS PREDEFINIDAS (que aquí se denominan de forma abreviada Wikitablas), dotadas de una apariencia estandarizada, y que son mucho más fácilmente configurables y con menos necesidad de código que las aquí denominadas a partir de ahora Tablas normales (es decir, las que no tienen declarado el parámetro "class=").Los bloques de código fuente: y Ambos generan: Para alinear las columnas a la izquierda, derecha o centro, se utilizan las clases “colnizq”, “colnder” y “colncen”, donde n se reemplaza por el número de columna.Así mismo, se puede especificar el tamaño del texto y el interlineado, combinando los atributos: style="font-size:85%;line-height:125%;" 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: El comando font-weight: bold; permite que el texto de color blanco aparezca en negrita.Debe tenerse en cuenta que: Las alturas en principio siguen el mismo criterio ya expuesto para los grosores.Código: También es posible combinar instrucciones para toda la tabla, y especificar la alineación particular de determinadas columnas:Código: En este caso, se ha dispuesto primero que todas las columnas de la tabla vayan centradas, y luego se han fijado la columna 8 a la izquierda, y la 9 a la derecha.Para disponer verticalmente el texto de una celda, se debe utilizar el estilo style= "writing-mode: vertical-rl; transform: rotate(180deg);".El comando style= transform: rotate(225deg); permite orientar el texto en los grados que se desee (en este ejemplo, 225°).Puede jugar con estos ajustes en su propia tabla para ver los efectos que tienen.Trate de mantener el “maquillaje” en sus tablas relativamente simple –recuerde , otras personas estarán editando también el artículo.lado derecho Dos logos de Wikipedia Algunas tablas se pueden hacer ordenables añadiendo class="sortable" (información más detallada en Help:Sorting (en inglés)).En caso contrario, funcionan correctamente las declaraciones del tipo width: 100%, como en el ejemplo siguiente: Se puede agregar la clase striped para que la tabla muestre las líneas alternativamente de distinto color.Esto es útil para ayudar a visualizar las líneas cuando la tabla es ancha y no tiene bordes y especialmente en tablas ordenables, pues no se descolocan los colores programados al ordenar las columnas.Ejemplo de tabla con colores usando class="wikitable sortable" y marcando las filas pares con bgcolor="yellow": Mismo ejemplo con class="wikitable sortable striped" y prescindiendo de los colores personalizados: Mismo ejemplo con class="wikitable sortable striped" y personalizando los colores en toda la tabla con style="background-color:yellow;": Para fusionar filas se utiliza |rowspan=número de celdas a fusionar|:Otros tipos de sintaxis de tablas que soporta MediaWiki son: Los tres son compatibles con 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.Las barras verticales deben estar al comienzo de una nueva línea, excepto cuando separan parámetros de contenido o cuando se usan dos barras verticales seguidas || para separar celdas en una misma línea.Ejemplo: La etiqueta se crea con que genera el código HTML "Título".La instrucción utilizada es width=npx (que fija el ancho en npx; también admite el formato con el valor entrecomillado en la forma width="n"); pudiendo usarse también el formato width=p% (donde p es el porcentaje del ancho de la tabla que se desea utilizar).Esta orden (en sus dos formatos) se pueden aplicar tanto a columnas individuales como a tablas completas (por ejemplo, fijando el ancho total de la tabla en su encabezamiento en npx, y repartiendo las columnas en p%).Un método para obtener columnas de números alineadas en el separador decimal es como sigue: En casos simples se puede regular manualmente el encolumnado de la tabla, y simplemente comenzar la línea con un espacio y poniendo espacios en la posición de los números faltantes: Existen clases CSS para hacer tablas con estilo más fácilmente.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.