Ayuda:Introducción a las tablas con wikitexto/5

Archivo:Markup-logo-es.svg

Introducción a las tablas
¿Cómo y por qué?

Editar tablas
Lo básico

Ampliar tablas
Añadir filas y columnas

Tablas organizables
Dar opciones de lectura

Formato avanzado
Usar HTML

Resumen
Revisa lo que has aprendido

   En general, se recomienda que las tablas usen el formato predeterminado de Hispanopedia. Sin embargo, en algunas circunstancias, puedes necesitar aplicar un formato más complejo utilizando HTML. La apariencia de cada celda puede ser controlada añadiendo style=" " | antes del contenido de la celda. El formato HTML se agrega a los encabezados y subtítulos de la misma manera.

Para el contenido de la celda

| style="" | R1C1
| style="" | R1C2
| style="" | R1C3

Para los encabezados

! style="" | Encabezado C1
! style="" | Encabezado C2
! style="" | Encabezado C3

Cualquier atributo HTML se puede añadir en el style=" " |.

Atributos más utilizados

Propiedad	Significado	Ejemplo
background	relleno de fondo	background:yellow
color	color del texto	color:blue
width	ancho de celda	width:100px
border-width	ancho del borde	border-width:3px
text-align	alineamiento del texto	text-align:center

Como ejemplo, aquí hay una muestra con algún formato añadido a celdas específicas:

{| class="wikitable"
|+ Leyenda: celdas amarillas
|-
! Encabezado1
! Encabezado2
! Encabezado3
|-
| style="background: yellow" | R1C1
| R1C2
| style="background: yellow" | R1C3
|-
| R2C1
| style="background: yellow" | R2C2
| R2C3
|}

Esto genera lo siguiente:

Leyenda: celdas amarillas

Encabezado1	Encabezado2	Encabezado3
R1C1	R1C2	R1C3
R2C1	R2C2	R2C3

Los atributos HTML se pueden agregar a toda la tabla usando {| Style = "" en la primera línea. Del mismo modo, los atributos se pueden agregar a una fila usando | - style = "" El siguiente ejemplo colorearía toda la tabla de amarillo.

{| class="wikitable" style="background: yellow"

Todas estas opciones de formato deben utilizarse con moderación. Las tablas con colores llamativos son difíciles de leer.

Comentarios ocultos

En tablas complejas, en ocasiones puede ser útil insertar comentarios ocultos para explicar el formato. Estos comentarios son solo visibles al editar la página, no al leerla. Los comentarios se pueden agregar colocándolos entre <!-- y -->.

| R1C1 || R1C2 ||R1C3 <!-- Comentario oculto para explicar esta fila -->

Siguiente >>