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:24] – 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 1 | Fila 2 Columna 2 y 3 "Texto muy muy muy muy muy muy muy muy muy muy muy muy muy muy muy muy muy muy largo" |
- | | 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~~ |