Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
| tutoriales-base:tutoriales:tablas [2024/10/27 14:17] – upadmin | tutoriales-base:tutoriales:tablas [2024/10/27 15:19] (actual) – upadmin | ||
|---|---|---|---|
| Línea 6: | Línea 6: | ||
| ====Sintaxis Básica==== | ====Sintaxis Básica==== | ||
| - | Los encabezados deben iniciarse, separarse y finalizarse por el símbolo | + | Los encabezados deben iniciarse, separarse y finalizarse por el símbolo |
| - | Así, una tabla sencilla seria: | + | Note que la cantidad de '' |
| + | |||
| + | Con cada '' | ||
| + | |||
| + | Así, una tabla sencilla | ||
| < | < | ||
| Línea 29: | Línea 33: | ||
| Para conectar horizontalmente celdas, solo debe dejar en blanco la celda de la derecha. | Para conectar horizontalmente celdas, solo debe dejar en blanco la celda de la derecha. | ||
| - | Tenga en cuenta que la cantidad de separadores | + | Tenga en cuenta que la cantidad de separadores |
| El siguiente código ilustra el caso: | El siguiente código ilustra el caso: | ||
| < | < | ||
| - | ^ Encabezado 1 ^ Encabezado 2 ^ Encabezado 3 | + | ^ Encabezado 1 ^ Encabezado 2 ^ Encabezado 3 ^ |
| - | | Fila 1 Columna 1 | Fila 1 Columna 2 | Fila 1 Columna 3 | | + | | Fila 1 Columna 1 | Fila 1 Columna 2 | Fila 1 Columna 3 | |
| - | | Fila 2 Columna 1 | Fila 2 Columna 2 "Texto" "Mas Texto" "Mas Texto" "Mas Texto" "Mas Texto"|| | + | | Fila 2 Columna 1 | Fila 2 Columna 2 y 3 " |
| - | | Fila 3 Columna 1 | Fila 3 Columna 2 | Fila 3 Columna 3 | | + | | Fila 3 Columna 1 | Fila 3 Columna 2 | Fila 3 Columna 3 | |
| </ | </ | ||
| La salida sera: | La salida sera: | ||
| - | ^ Encabezado 1 ^ Encabezado 2 ^ Encabezado 3 | + | ^ Encabezado 1 ^ Encabezado 2 ^ Encabezado 3 ^ |
| - | | Fila 1 Columna 1 | Fila 1 Columna 2 | Fila 1 Columna 3 | | + | | Fila 1 Columna 1 | Fila 1 Columna 2 | Fila 1 Columna 3 | |
| - | | Fila 2 Columna 1 | Fila 2 Columna 2 "Texto" "Mas Texto" "Mas Texto" "Mas Texto" "Mas Texto"|| | + | | Fila 2 Columna 1 | Fila 2 Columna 2 y 3 " |
| - | | Fila 3 Columna 1 | Fila 3 Columna 2 | Fila 3 Columna 3 | | + | | Fila 3 Columna 1 | Fila 3 Columna 2 | Fila 3 Columna 3 | |
| + | ====Unificación de Celdas Verticales==== | ||
| + | Se pueden conectar celdas verticales poniendo en las inferiores tres veces dos puntos ''< | ||
| + | < | ||
| + | ^ Encabezado 1 ^ Encabezado 2 ^ Encabezado 3 ^ | ||
| + | | Fila 1 Columna 1 | Fila 1, 2 y 3 Columna 2 | Fila 1 Columna 3 | | ||
| + | | Fila 2 Columna 1 | ::: | Fila 2 Columna 3 | | ||
| + | | Fila 3 Columna 1 | ::: | Fila 3 Columna 3 | | ||
| + | </ | ||
| - | Vertical tableheaders are possible, too. | + | Como salida obtendremos: |
| - | | | + | ^ Encabezado |
| - | ^ Heading | + | | Fila 1 Columna 1 | Fila 1, 2 y 3 Columna |
| - | ^ Heading 4 | + | | Fila 2 Columna 1 | ::: | Fila 2 Columna 3 | |
| - | ^ Heading 5 | + | | Fila 3 Columna 1 | ::: | Fila 3 Columna |
| - | As you can see, it's the cell separator before a cell which decides about the formatting: | + | ====Encabezados Verticales ==== |
| - | | | + | Es posible usar encabezados verticales iniciando las filas de los encabezados con el símbolo '' |
| - | ^ Heading 3 | Row 1 Col 2 | Row 1 Col 3 | | + | |
| - | ^ Heading 4 | no colspan this time | | | + | |
| - | ^ Heading 5 | Row 2 Col 2 | Row 2 Col 3 | + | |
| - | You can have rowspans (vertically connected cells) by adding '' | + | Así, un código de ejemplo seria: |
| - | ^ Heading | + | < |
| - | | Row 1 Col 1 | this cell spans vertically | + | | ^ Encabezado H. 1 ^ Encabezado H. 2 ^ Encabezado H. 3 ^ |
| - | | Row 2 Col 1 | ::: | + | ^ Encabezado V. 1 | Fila 1 Columna |
| - | | Row 3 Col 1 | ::: | Row 2 Col 3 | | + | ^ Encabezado V. 2 | Fila 2 Columna |
| + | ^ Encabezado V. 3 | Fila 3 Columna | ||
| - | Apart from the rowspan syntax those cells should not contain anything else. | + | </ |
| - | ^ Heading 1 ^ Heading 2 ^ Heading 3 ^ | + | Del mismo, obtendremos: |
| - | | Row 1 Col 1 | this cell spans vertically | Row 1 Col 3 | | + | |
| - | | Row 2 Col 1 | ::: | Row 2 Col 3 | | + | |
| - | | Row 3 Col 1 | ::: | Row 2 Col 3 | | + | |
| - | You can align the table contents, too. Just add at least two whitespaces at the opposite end of your text: Add two spaces on the left to align right, two spaces on the right to align left and two spaces at least at both ends for centered text. | + | | ^ Encabezado H. 1 ^ Encabezado H. 2 ^ Encabezado H. 3 ^ |
| + | ^ Encabezado V. 1 | Fila 1 Columna 1 | Fila 1 Columna 2 | Fila 1 Columna 3 | | ||
| + | ^ Encabezado V. 2 | Fila 2 Columna 1 | Fila 2 Columna 2 | Fila 2 Columna 3 | | ||
| + | ^ Encabezado V. 3 | Fila 3 Columna 1 | Fila 3 Columna 2 | Fila 3 Columna 3 | | ||
| + | |||
| + | ====Tablas Alineadas==== | ||
| + | |||
| + | El contenido de las celdas y de los encabezados puede ser alineados. Solo debe agregar dos o mas espacios en el lado opuesto al que desea alinear. | ||
| + | |||
| + | Es decir hay que agregar dos o mas espacios a la derecha para alinear a izquierda y dos o mas espacios a izquierda para alinear a derecha. | ||
| + | |||
| + | Para centrar el contenido de la celda o encabezado debe agregar 2 o mas espacios tanto a izquierda como a derecha. | ||
| + | |||
| + | Podemos tener la sintaxis: | ||
| + | |||
| + | < | ||
| + | ^ Encabezado alineado a derecha^ | ||
| + | | derecha| | ||
| + | |izquierda | ||
| + | | centro | ||
| + | </ | ||
| - | ^ Table with alignment | + | Que nos generara: |
| - | | | + | |
| - | |left | | + | |
| - | | xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx | | + | |
| - | This is how it looks in the source: | + | ^ Encabezado alineado a derecha^ |
| + | | derecha| | ||
| + | |izquierda | ||
| + | | centro | ||
| - | ^ Table with alignment | + | Nota: El alineamiento vertical no es posible. |
| - | | | + | |
| - | |left | | + | |
| - | | xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx | | + | |
| - | Note: Vertical alignment is not supported. | + | ~~NOTOC~~ |