EdicionEnTablas

Tablas

Las tablas pueden ser muy útiles para simplificar la información, ordenar, ó esquematizar.

Estilos en tablas

ESTILO NUEVO: General, tabla de diseño y opciones como HTML

  • Encabezado

    celda 1

    celda 2

    celda 3

    abarca las filas

    abarca 2 columnas

    celda 2

    celda 3

Código fuente

=== ESTILO NUEVO: General, tabla de diseño y opciones como HTML ===

 ||||||<tablestyle="width: 60%">'''Encabezado'''||
 ||celda 1||celda 2||celda 3||
 ||<rowspan=2> abarca las filas ||||<style="background-color: #E0E0FF;"> abarca 2 columnas ||
 ||<rowstyle="background-color: #FFFFE0;">celda 2||celda 3||

Ancho de celda

  • estrecho

    ancho

Código fuente

=== Ancho de celda ===
 || estrecho ||<style="width: 99%; text-align: center;"> ancho ||

Contenido en filas y columnas

  • 2 filas

    fila 1

    fila 2

    fila 3 sobre 2 columnas

Código fuente

==== Contenido en filas y columnas ====
 ||<|2> 2 filas || fila 1 ||
 || fila 2 ||
 ||<-2> fila 3 sobre 2 columnas ||

Alineación

  • izquierda

    arriba (superior)

    inferior

    centrado

    derecha

Código fuente

==== Alineación ====
 ||<style="text-align: left;">izquierda ||<style="vertical-align: top; text-align: center;"|3> arriba (superior) ||<style="vertical-align: bottom;"|3> inferior ||
 ||<style="text-align: center;"> centrado ||
 ||<style="text-align: right;"> derecha ||

Fuentes

  • normal

    negrita

    en rojo

    negrita en rojo

Código fuente

==== Fuentes ====
 || normal ||<style="font-weight: bold;"> negrita ||<style="color: #FF0000;"> en rojo ||<style="color: #FF0000; font-weight: bold;"> negrita en rojo ||

Colores

  • rojo

    verde

    azúl

Código fuente

==== Colores ====
 ||<style="background-color: red;"> rojo ||<style="background-color: green;"> verde ||<style="background-color: blue;"> azúl ||

ESTILO ANTIGUO: General, tabla de diseño y opciones como HTML

  • Encabezado

    celda 1

    celda 2

    celda 3

    abarca las filas

    abarca 2 columnas

    celda 2

    celda 3

Código fuente

=== ESTILO ANTIGUO: General, tabla de diseño y opciones como HTML ===

 ||||||<tablewidth="60%">'''Encabezado'''||
 ||celda 1||celda 2||celda 3||
 ||<rowspan=2> abarca las filas ||||<bgcolor="#E0E0FF"> abarca 2 columnas||
 ||<rowbgcolor="#FFFFE0">celda 2||celda 3||

Ancho de celdas

  • estrecho

    ancho

Código fuente

==== Ancho de celdas ====
 || estrecho ||<:99%> ancho ||

Contenido en filas y columnas

  • 2 filas

    fila 1

    row 2

    fila 3 sobre 2 columnas

Código fuente

==== Contenido en filas y columnas ====
 ||<|2> 2 filas || fila 1 ||
 || row 2 ||
 ||<-2> fila 3 sobre 2 columnas ||

Alineamiento

  • izquierda

    arriba

    abajo

    centrado

    derecha

Código fuente

==== Alineamiento ====
 ||<(> izquierda ||<^|3> arriba ||<v|3> abajo ||
 ||<:> centrado ||
 ||<)> derecha ||

Colores

  • rojo

    verde

    azúl

Código fuente

==== Colores ====
 ||<#FF8080> rojo ||<#80FF80> verde ||<#8080FF> azúl ||

Saltos de línea entre las celdas

  • línea 1
    línea 2

Código fuente

==== Saltos de línea entre las celdas ====
 || línea 1<<BR>>línea 2||

Puntas redondeadas - Soportado en: Firefox/Flock/Epiphany y otros (Geeko) - Safari/Chrome/Arora y otros (Webkit) - KHTML

Código fuente

||<tablestyle="text-align:center;font-weight:bold;font-size:0.80em;border:none;width:100%;border:1px solid #000000;-ms-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;-border-top-left-radius:8px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px; -border-top-right-radius:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;-border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;-border-bottom-right-radius:8px;-khtml-border-radius: 8px;background-color:#F2F2F2;" style="border:none;">{{attachment:ChileanTeam/GrupoArte/Iconos/30px/ubuntu.png}}[[ManualWiki|Inicio del ManualWiki]]||

Texto en colores

sudo apt-get install ubuntu

Código fuente

||<style="color:#990000; font-size: 0.9em;">'''sudo apt-get install ubuntu'''||

Texto de un color #990000, un rojo escuro; tamaño de fuente a 0.8em, es decir de una altura de un 0.8 ó 80% de la fuente natural del texto.

Borde de color en tablas

Ejemplo de un código wiki para una tabla con borde rojo:

||||<style="border-color: red;"> Titulo ||
||<style="border-color: red;"> a ||<style="border-color: red;"> b ||
||<style="border-color: red;"> c ||<style="border-color: red;"> d ||

Esto se vería de la siguiente manera:

Titulo

a

b

c

d

ManualWiki/EdicionEnTablas (last edited 2011-03-28 12:21:03 by fitoschido)