Comandos

De Wiki Coprodeli
Revisión del 16:06 19 jul 2021 de Usuario (discusión | contribs.) (Página creada con «==Tabla== {| class="wikitable" |+ style="background:DarkSlateBlue; color:white; text-align:center;"|'''Encabezado de la tabla''' |- style="background:Lavender; color:black…»)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)
Ir a la navegación Ir a la búsqueda

Tabla

Encabezado de la tabla
Título 1 Título 2 Título 3 Título 4 Título 5
info 1 info 2 info 3 info 4 info 5
info 6 info 7 info 8 info 9 info 10

TABLA TEXTO CENTRADO:

Texto1 Texto2 Texto3
A B C

TABLA TEXTO IZQUIERDA:

Texto1 Texto2 Texto3
A B C

TABLA TEXTO DERECHA

Texto1 Texto2 Texto3
A B C

Ajuste del ancho de columnas

Nombre Efecto En que juego se encuentra
Pokeball Pokeball normal Todas las versiones
Great Ball Mejor que un Pokeball Todas las versiones

Ajuste del alto de filas

Nombre Efecto En que juego se encuentra
Pokeball Pokeball normal Todas las versiones
Great Ball Mejor que un Pokeball Todas las versiones

Galería

Como un subproducto de la característica de galería de imágenes, una tabla puede ser hecha con una etiqueta de galería; si una entrada de texto contiene un enlace, la entrada entera es ignorada.

<gallery>
Drenthe
Flevoland
Friesland
Gelderland
Groningen
Limburg
North Brabant (capital: [[Den Bosch]]) 
North Holland
Overijssel
South Holland
Utrecht
Zeeland
</gallery>

da:

Para fusionar celdas

|rowspan=número de celdas a fusionar|

Fila 1, columna 1 Filas 1 y 2, columna 2 Fila 1, columna 3
Fila 2, columna 1 Fila 2, columna 3
Fila 1, columnas 1 y 2
Fila 2, columna 1 Fila 2, columna 2
Fila 3, columna 1 Fila 3, columna 2

Nombres de los colores

Black DarkGreen MidnightBlue DarkSlateGray Navy Green Maroon DarkBlue DarkRed DarkOliveGreen
ForestGreen Indigo SaddleBrown DarkSlateBlue SeaGreen Brown Teal Purple Olive OliveDrab
DimGray FireBrick Sienna DarkCyan DarkMagenta MediumBlue LimeGreen MediumSeaGreen Gray SlateGray
DarkGoldenrod Crimson SteelBlue Chocolate LightSlateGray MediumVioletRed IndianRed CadetBlue SlateBlue LightSeaGreen
Peru Blue Lime Red RoyalBlue DarkViolet DarkOrchid YellowGreen OrangeRed BlueViolet
Goldenrod DarkSeaGreen RosyBrown LawnGreen Tomato DarkKhaki SpringGreen Chartreuse MediumAquamarine MediumPurple
PaleVioletRed MediumSlateBlue DarkOrange DarkGray DarkTurquoise MediumSpringGreen MediumOrchid DodgerBlue DeepPink Coral
CornflowerBlue LightCoral MediumTurquoise DarkSalmon Salmon Orange SandyBrown Tan GreenYellow Turquoise
LightGreen BurlyWood DeepSkyBlue LightSalmon Orchid HotPink PaleGreen Silver Gold SkyBlue
LightSteelBlue LightSkyBlue Plum Aquamarine LightBlue Thistle Aqua Cyan Fuchsia Magenta
Yellow Khaki Violet LightGrey PowderBlue LightPink PaleGoldenrod Wheat Pink PaleTurquoise
NavajoWhite Gainsboro PeachPuff Moccasin Bisque BlanchedAlmond AntiqueWhite PapayaWhip MistyRose Lavender
Beige LightGoldenrodYellow LemonChiffon Linen Cornsilk OldLace WhiteSmoke Honeydew LightCyan LightYellow
Seashell LavenderBlush AliceBlue FloralWhite MintCream Azure Ivory GhostWhite Snow White

Comparación

Comparación de sintaxis de tablas
 XHTML HTML & Wiki-td Wiki-pipe
Tabla <table></table> <table></table>
{| parámetros 
|}
Leyenda <caption></caption> <caption></caption>
|+ leyenda
Fila <tr></tr> <tr>
|- parámetros 
Celda de datos

<td>celda1</td>
<td>celda2</td>

<td>celda1
<td>celda2

| celda1
| celda2
Celda de datos <td>celda1</td> <td>celda2</td> <td>celda3</td> <td>celda1 <td>celda2 <td>celda3
|celda1||celda2||celda3
Celda encabezado <th></th> <th>
! encabezado
Tabla ejemplo
1 2
3 4
<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td> 
      <td>4</td> 
   </tr>
</table>
<table>
   <tr>
      <td> 1 <td> 2
   <tr>
      <td> 3 <td> 4
</table>
{| 
| 1 || 2
|- 
| 3 || 4
|}
Tabla ejemplo
1 2
3 4
5 6
<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td>
      <td>4</td>
   </tr>
   <tr>
      <td>5</td>
      <td>6</td>
   </tr>
</table>
<table>
   <tr>
      <td> 1 <td> 2
   <tr>
      <td> 3 <td> 4
   <tr>
      <td> 5 <td> 6
</table>
{| 
| 1 || 2 
|- 
| 3 || 4 
|- 
| 5 || 6 
|}
Ventajas

Puede ser previsualizado/depurado con cualquier editor XHTML


Puede dársele un formato para mejor lectura


Bien conocido

Puede ser previsualizado/depurado con cualquier editor HTML


Puede dársele un formato para mejor lectura


Bien conocido


Ocupa menos espacio que XHTML

Fácil de escribir


Fácil de leer


Ocupa menos espacio

Desventajas

Tedioso


Ocupa mucho espacio


Difícil de leer rápidamente

Confusa, especialmente para gente con poca experiencia en HTML


Formato pobre


Pobremente desarrollado


Generalmente tiene aspecto raro


Puede no tener soporte de navegadores en el futuro

Sintaxis no familiar


Estructura rígida


No se pueden colocar sangrías


El texto (como en etiquetas HTML) puede ser más fácil de leer para algunas personas que series de barras verticales, signos de suma, de exclamación, etc.

 XHTML HTML & Wiki-td Wiki-pipe

Diagramas de barras horizontales

Para generar diagramas de barras, se pueden utilizar celdas conteniendo comandos del tipo:

<hr style="width:400px;height:32px;background:orange"/>

donde width: indica el ancho de la barra en píxeles, height: su altura también en píxeles, y background: el color de la barra.

Por ejemplo, el código:

{|class="wikitable" 
|+ style="color:white;background:grey;"|'''Producción Mundial anual de Mercurio:'''
|-
!n.º!!País!!Producción!!(Tm)
|-
||1
||{{bandera|PRC}} [[República Popular China|China]]||<hr style="width:400px;height:32px;background:orange"/>||align="center"|1600
|-
||2||{{bandera|KGZ}} [[Kirguistán]]||<hr style="width:100px;height:8px;background:orange"/>||align="center"|100
|-
||3||{{bandera|CHI}} [[Chile]]||<hr style="width:50px;height:8px;background:orange"/>||align="center"|50
|-
||4||{{bandera|RUS}} [[Rusia]]||<hr style="width:50px;height:8px;background:orange"/>||align="center"|50
|-
||5||{{bandera|PER}} [[Perú]]||<hr style="width:45px;height:8px;background:orange"/>||align="center"|45
|-
||6||{{bandera|TJK}} [[Tayikistán]]||<hr style="width:45px;height:8px;background:orange"/>||align="center"|45
|-
||7||{{bandera|MAR}} [[Marruecos]]||<hr style="width:32px;height:8px;background:orange"/>||align="center"|32
|-
|colspan=4|''(Año 2013. Fuente:[http://www.indexmundi.com/minerals/?product=mercury&graph=production IndexMundi])''
|-
|}

produce el resultado siguiente:

Producción Mundial anual de Mercurio:
n.º País Producción (Tm)
1 Plantilla:Bandera China
1600
2 Plantilla:Bandera Kirguistán
100
3 Plantilla:Bandera Chile
50
4 Plantilla:Bandera Rusia
50
5 Plantilla:Bandera Perú
45
6 Plantilla:Bandera Tayikistán
45
7 Plantilla:Bandera Marruecos
32
(Año 2013. Fuente:IndexMundi)

En este caso, se ha mantenido la proporcionalidad entre las cifras de producción y la superficie de las barras, jugando con su longitud y su altura. En el caso de "China", cuya producción es 1600 tm, la barra mide 400px de longitud, pero su anchura es 32px, 4 veces más que la del resto de barras, que miden 8px de altura.