EdicionEnTablas
|
Tablas
Contents
|
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 201-167-17-39-cable)