History: Wiki-Syntax Text,es
Source of version: 9 (current)
Copy to clipboard
! Sintaxis Wiki: Texto
En esta página aprenderás cómo dar formato al texto de páginas Wiki y otras áreas que soporten el formato ((Wiki)) (lo que incluye artículos, foros y blogs).
La sintaxis Wiki no está estandarizada entre aplicaciones. Hay una iniciativa para publicar la Sintaxis-Wiki como una RFC de [http://www.ietf.org/|IETF]. Véase [http://tikiwiki.org/RFCWiki|RFCWiki]
!! El lenguaje de marcas de la Sintaxis Wiki
Al lenguaje de marcas usado en una página Wiki se le llama comunmente Sintaxis-Wiki. Utiliza caracteres comunes de modos poco usuales (o cmbinaciones de caracteres que normalmente no se utilizan juntos) y les dota de un significado especial. Algunas de las combinaciones de caracteres sólo funcionan al principio de una línea, mientras otras pueden insertarse en cualquier lugar del texto y su efecto permanece hasta que son desactivadas.
La Sintaxis-Wiki utiliza la repetición de un carácter para la mayoría de las funciones, pero también incluye algunas combinaciones de dos caracteres diferentes. Cuando los dos caracteres son diferentes, su orden debe invertirse para desactivar la función. El texto Monoespaciado nos ofrece un buen ejemplo de este caso; los caracteres Menos (-) y Más (+) son utilizados para comenzar a usar el texto Monoespaciado y Más (+) y Menos (-) en este orden indican el final de este tipo de texto.
Las siguientes secciones explican más acerca de esto.
!! Referencia Rápida - Formateo Básico de Texto
||::__Efecto__::|::__Caracteres usados__::|::__Ejemplo__::
::Negrita::| 2 guiones bajos "_" |::~np~__texto__~/np~::
::Texto centrado::| 2 dos puntos ":" |::~np~::texto::~/np~::
::Texto coloreado::| 2 "~" |~np~~~blue:texto~~~/np~
::Itálica::| 2 Comillas simples "'" |::~np~''texto''~/np~::
::Texto Monoespaciado::| Menos y Más "-" & "+" |::~np~-+texto+-~/np~::
::Texto subrayado::| 3 Iguales "=" |::~np~===texto===~/np~::
::Caja de Texto::| Un "~np~^~/np~" |::~np~^texto^~/np~::||
!! Formateo Básico de Texto
La Sintaxis Wiki explicada en esta sección puede utilizarse en cualquier lugar del texto para enfatizar caracteres, palabras o frases concretas.
!!! Texto Coloreado
El texto puede ser delcolor que quieras. Dos (~) seguidas del nombre de un color y Dos Puntos (:) indican el comienzo del texto coloreado. Otros dos (~) se usan para indicar el final del texto a colorear.
^ Ejemplo: ~np~~~red:Este texto está en ROJO~~~/np~ produce:
~~red:Este texto está en ROJO~~ ^
El texto coloreado también se puede indicar utilizando códigos HTML. HTML utiliza 3 para de números hexadecimales para indicar los colores; cada uno indica el contenido de Rojo, Azul y Verde de modo que 00 00 00 produciría el color blanco. La sintaxis es dos (~) seguidas por un (#) y los números Hexadecimales seguidos de Dos Puntos (:) y el texto a colorear. Dos (~) indican el final del Texto Coloreado.
^ Ejemplo: ~np~~~#ff00ff:Este texto es de color MAGENTA ~~~/np~ produce:
~~#ff00ff:Este texto es de color MAGENTA ~~ ^
!!!- Nombres de Colores HTML (Pincha el [+] para abrir)
Por cortesía de Damosoft Web Design
(Por supuesto, están en inglés no es un despiste del traductor)
|| | :: Nombre del Color :: | :: Número HEX :: | :: - Texto Coloreado - :: |
| AliceBlue| ::#F0F8FF:: | ~~#F0F8FF:Colored Text~~ |
| AntiqueWhite| ::#FAEBD7:: | ~~#FAEBD7:Colored Text~~ |
| Aqua| ::#00FFFF:: | ~~#00FFFF:Colored Text~~ |
| Aquamarine| ::#7FFFD4:: | ~~#7FFFD4:Colored Text~~ |
| Azure| ::#F0FFFF:: | ~~#F0FFFF:Colored Text~~ |
| Beige| ::#F5F5DC:: | ~~#F5F5DC:Colored Text~~ |
| Bisque| ::#FFE4C4:: | ~~#FFE4C4:Colored Text~~ |
| Black| ::#000000:: | ~~#000000:Colored Text~~ |
| BlanchedAlmond| ::#FFEBCD:: | ~~#FFEBCD:Colored Text~~ |
| Blue| ::#0000FF:: | ~~#0000FF:Colored Text~~ |
| BlueViolet| ::#8A2BE2:: | ~~#8A2BE2:Colored Text~~ |
| Brown| ::#A52A2A:: | ~~#A52A2A:Colored Text~~ |
| BurlyWood| ::#DEB887:: | ~~#DEB887:Colored Text~~ |
| CadetBlue| ::#5F9EA0:: | ~~#5F9EA0:Colored Text~~ |
| Chartreuse| ::#7FFF00:: | ~~#7FFF00:Colored Text~~ |
| Chocolate| ::#D2691E:: | ~~#D2691E:Colored Text~~ |
| Coral| ::#FF7F50:: | ~~#FF7F50:Colored Text~~ |
| CornflowerBlue| ::#6495ED:: | ~~#6495ED:Colored Text~~ |
| Cornsilk| ::#FFF8DC:: | ~~#FFF8DC:Colored Text~~ |
| Crimson| ::#DC143C:: | ~~#DC143C:Colored Text~~ |
| Cyan| ::#00FFFF:: | ~~#00FFFF:Colored Text~~ |
| DarkBlue| ::#00008B:: | ~~#00008B:Colored Text~~ |
| DarkCyan| ::#008B8B:: | ~~#008B8B:Colored Text~~ |
| DarkGoldenRod| ::#B8860B:: | ~~#B8860B:Colored Text~~ |
| DarkGray| ::#A9A9A9:: | ~~#A9A9A9:Colored Text~~ |
| DarkGreen| ::#006400:: | ~~#006400:Colored Text~~ |
| DarkKhaki| ::#BDB76B:: | ~~#BDB76B:Colored Text~~ |
| DarkMagenta| ::#8B008B:: | ~~#8B008B:Colored Text~~ |
| DarkOliveGreen| ::#556B2F:: | ~~#556B2F:Colored Text~~ |
| Darkorange| ::#FF8C00:: | ~~#FF8C00:Colored Text~~ |
| DarkOrchid| ::#9932CC:: | ~~#9932CC:Colored Text~~ |
| DarkRed| ::#8B0000:: | ~~#8B0000:Colored Text~~ |
| DarkSalmon| ::#E9967A:: | ~~#E9967A:Colored Text~~ |
| DarkSeaGreen| ::#8FBC8F:: | ~~#8FBC8F:Colored Text~~ |
| DarkSlateBlue| ::#483D8B:: | ~~#483D8B:Colored Text~~ |
| DarkSlateGray| ::#2F4F4F:: | ~~#2F4F4F:Colored Text~~ |
| DarkTurquoise| ::#00CED1:: | ~~#00CED1:Colored Text~~ |
| DarkViolet| ::#9400D3:: | ~~#9400D3:Colored Text~~ |
| DeepPink| ::#FF1493:: | ~~#FF1493:Colored Text~~ |
| DeepSkyBlue| ::#00BFFF:: | ~~#00BFFF:Colored Text~~ |
| DimGray| ::#696969:: | ~~#696969:Colored Text~~ |
| DodgerBlue| ::#1E90FF:: | ~~#1E90FF:Colored Text~~ |
| Feldspar| ::#D19275:: | ~~#D19275:Colored Text~~ |
| FireBrick| ::#B22222:: | ~~#B22222:Colored Text~~ |
| FloralWhite| ::#FFFAF0:: | ~~#FFFAF0:Colored Text~~ |
| ForestGreen| ::#228B22:: | ~~#228B22:Colored Text~~ |
| Fuchsia| ::#FF00FF:: | ~~#FF00FF:Colored Text~~ |
| Gainsboro| ::#DCDCDC:: | ~~#DCDCDC:Colored Text~~ |
| GhostWhite| ::#F8F8FF:: | ~~#F8F8FF:Colored Text~~ |
| Gold| ::#FFD700:: | ~~#FFD700:Colored Text~~ |
| GoldenRod| ::#DAA520:: | ~~#DAA520:Colored Text~~ |
| Grey| ::#808080:: | ~~#808080:Colored Text~~ |
| Green| ::#008000:: | ~~#008000:Colored Text~~ |
| GreenYellow| ::#ADFF2F:: | ~~#ADFF2F:Colored Text~~ |
| HoneyDew| ::#F0FFF0:: | ~~#F0FFF0:Colored Text~~ |
| HotPink| ::#FF69B4:: | ~~#FF69B4:Colored Text~~ |
| IndianRed | ::#CD5C5C:: | ~~#CD5C5C:Colored Text~~ |
| Indigo | ::#4B0082:: | ~~#4B0082:Colored Text~~ |
| Ivory| ::#FFFFF0:: | ~~#FFFFF0:Colored Text~~ |
| Khaki| ::#F0E68C:: | ~~#F0E68C:Colored Text~~ |
| Lavender| ::#E6E6FA:: | ~~#E6E6FA:Colored Text~~ |
| LavenderBlush| ::#FFF0F5:: | ~~#FFF0F5:Colored Text~~ |
| LawnGreen| ::#7CFC00:: | ~~#7CFC00:Colored Text~~ |
| LemonChiffon| ::#FFFACD:: | ~~#FFFACD:Colored Text~~ |
| LightBlue| ::#ADD8E6:: | ~~#ADD8E6:Colored Text~~ |
| LightCoral| ::#F08080:: | ~~#F08080:Colored Text~~ |
| LightCyan| ::#E0FFFF:: | ~~#E0FFFF:Colored Text~~ |
| LightGoldenRodYellow| ::#FAFAD2:: | ~~#FAFAD2:Colored Text~~ |
| LightGrey| ::#D3D3D3:: | ~~#D3D3D3:Colored Text~~ |
| LightGreen| ::#90EE90:: | ~~#90EE90:Colored Text~~ |
| LightPink| ::#FFB6C1:: | ~~#FFB6C1:Colored Text~~ |
| LightSalmon| ::#FFA07A:: | ~~#FFA07A:Colored Text~~ |
| LightSeaGreen| ::#20B2AA:: | ~~#20B2AA:Colored Text~~ |
| LightSkyBlue| ::#87CEFA:: | ~~#87CEFA:Colored Text~~ |
| LightSlateBlue| ::#8470FF:: | ~~#8470FF:Colored Text~~ |
| LightSlateGray| ::#778899:: | ~~#778899:Colored Text~~ |
| LightSteelBlue| ::#B0C4DE:: | ~~#B0C4DE:Colored Text~~ |
| LightYellow| ::#FFFFE0:: | ~~#FFFFE0:Colored Text~~ |
| Lime| ::#00FF00:: | ~~#00FF00:Colored Text~~ |
| LimeGreen| ::#32CD32:: | ~~#32CD32:Colored Text~~ |
| Linen| ::#FAF0E6:: | ~~#FAF0E6:Colored Text~~ |
| Magenta| ::#FF00FF:: | ~~#FF00FF:Colored Text~~ |
| Maroon| ::#800000:: | ~~#800000:Colored Text~~ |
| MediumAquaMarine| ::#66CDAA:: | ~~#66CDAA:Colored Text~~ |
| MediumBlue| ::#0000CD:: | ~~#0000CD:Colored Text~~ |
| MediumOrchid| ::#BA55D3:: | ~~#BA55D3:Colored Text~~ |
| MediumPurple| ::#9370D8:: | ~~#9370D8:Colored Text~~ |
| MediumSeaGreen| ::#3CB371:: | ~~#3CB371:Colored Text~~ |
| MediumSlateBlue| ::#7B68EE:: | ~~#7B68EE:Colored Text~~ |
| MediumSpringGreen| ::#00FA9A:: | ~~#00FA9A:Colored Text~~ |
| MediumTurquoise| ::#48D1CC:: | ~~#48D1CC:Colored Text~~ |
| MediumVioletRed| ::#C71585:: | ~~#C71585:Colored Text~~ |
| MidnightBlue| ::#191970:: | ~~#191970:Colored Text~~ |
| MintCream| ::#F5FFFA:: | ~~#F5FFFA:Colored Text~~ |
| MistyRose| ::#FFE4E1:: | ~~#FFE4E1:Colored Text~~ |
| Moccasin| ::#FFE4B5:: | ~~#FFE4B5:Colored Text~~ |
| NavajoWhite| ::#FFDEAD:: | ~~#FFDEAD:Colored Text~~ |
| Navy| ::#000080:: | ~~#000080:Colored Text~~ |
| OldLace| ::#FDF5E6:: | ~~#FDF5E6:Colored Text~~ |
| Olive| ::#808000:: | ~~#808000:Colored Text~~ |
| OliveDrab| ::#6B8E23:: | ~~#6B8E23:Colored Text~~ |
| Orange| ::#FFA500:: | ~~#FFA500:Colored Text~~ |
| OrangeRed| ::#FF4500:: | ~~#FF4500:Colored Text~~ |
| Orchid| ::#DA70D6:: | ~~#DA70D6:Colored Text~~ |
| PaleGoldenRod| ::#EEE8AA:: | ~~#EEE8AA:Colored Text~~ |
| PaleGreen| ::#98FB98:: | ~~#98FB98:Colored Text~~ |
| PaleTurquoise| ::#AFEEEE:: | ~~#AFEEEE:Colored Text~~ |
| PaleVioletRed| ::#D87093:: | ~~#D87093:Colored Text~~ |
| PapayaWhip| ::#FFEFD5:: | ~~#FFEFD5:Colored Text~~ |
| PeachPuff| ::#FFDAB9:: | ~~#FFDAB9:Colored Text~~ |
| Peru| ::#CD853F:: | ~~#CD853F:Colored Text~~ |
| Pink| ::#FFC0CB:: | ~~#FFC0CB:Colored Text~~ |
| Plum| ::#DDA0DD:: | ~~#DDA0DD:Colored Text~~ |
| PowderBlue| ::#B0E0E6:: | ~~#B0E0E6:Colored Text~~ |
| Purple| ::#800080:: | ~~#800080:Colored Text~~ |
| Red| ::#FF0000:: | ~~#FF0000:Colored Text~~ |
| RosyBrown| ::#BC8F8F:: | ~~#BC8F8F:Colored Text~~ |
| RoyalBlue| ::#4169E1:: | ~~#4169E1:Colored Text~~ |
| SaddleBrown| ::#8B4513:: | ~~#8B4513:Colored Text~~ |
| Salmon| ::#FA8072:: | ~~#FA8072:Colored Text~~ |
| SandyBrown| ::#F4A460:: | ~~#F4A460:Colored Text~~ |
| SeaGreen| ::#2E8B57:: | ~~#2E8B57:Colored Text~~ |
| SeaShell| ::#FFF5EE:: | ~~#FFF5EE:Colored Text~~ |
| Sienna| ::#A0522D:: | ~~#A0522D:Colored Text~~ |
| Silver| ::#C0C0C0:: | ~~#C0C0C0:Colored Text~~ |
| SkyBlue| ::#87CEEB:: | ~~#87CEEB:Colored Text~~ |
| SlateBlue| ::#6A5ACD:: | ~~#6A5ACD:Colored Text~~ |
| SlateGray| ::#708090:: | ~~#708090:Colored Text~~ |
| Snow| ::#FFFAFA:: | ~~#FFFAFA:Colored Text~~ |
| SpringGreen| ::#00FF7F:: | ~~#00FF7F:Colored Text~~ |
| SteelBlue| ::#4682B4:: | ~~#4682B4:Colored Text~~ |
| Tan| ::#D2B48C:: | ~~#D2B48C:Colored Text~~ |
| Teal| ::#008080:: | ~~#008080:Colored Text~~ |
| Thistle| ::#D8BFD8:: | ~~#D8BFD8:Colored Text~~ |
| Tomato| ::#FF6347:: | ~~#FF6347:Colored Text~~ |
| Turquoise| ::#40E0D0:: | ~~#40E0D0:Colored Text~~ |
| Violet| ::#EE82EE:: | ~~#EE82EE:Colored Text~~ |
| VioletRed| ::#D02090:: | ~~#D02090:Colored Text~~ |
| Wheat| ::#F5DEB3:: | ~~#F5DEB3:Colored Text~~ |
| White| ::#FFFFFF:: | ~~#FFFFFF:Colored Text~~ |
| WhiteSmoke| ::#F5F5F5:: | ~~#F5F5F5:Colored Text~~ |
| Yellow| ::#FFFF00:: | ~~#FFFF00:Colored Text~~ |
| YellowGreen| ::#9ACD32:: | ~~#9ACD32:Colored Text~~ |
||
{icon name=warning} No todos los nombres de colores son válidos en todos los navegadores, por lo que para asegurarse, normalmente es mejor indicar el número HTML por defecto. Si estos colores no satisfacen tus requerimientos, visita el enlace del pie de página: Color Picker II.
!!! Negrita
Dos guiones bajos (_) se usan para conseguir texto en negrita.
^Ejemplo: -+~np~__Este texto está en NEGRITA__~/np~+- produce:
__Este texto está en NEGRITA__^
!!! Itálica
Dos comillas simples (') se utilizan para conseguir texto en itálica.
^Ejemplo: ~np~''Este texto está en ITàLICA''~/np~ produce:
''Este texto está en ITàLICA''^
!!! Texto subrayado
Tres signos Igual (=) se usan para subrayar el texto.
^Ejemplo: ~np~===Este texto está SUBRAYADO===~/np~ produce:
===Este texto está SUBRAYADO===^
!!! Texto Centrado
Dos 'Dos Puntos' (:) Se utilizan para centrar el texto. El texto centrado se puede centrar dentro de una caja, una tabla o casi cualquier otro lugar
^Ejemplo: ~np~::Este texto está CENTRADO::~/np~ produce:
::Este texto está CENTRADO::^
!!! Código con Texto Monoespaciado
El texto Monoespaciado es útil para mostrar Código y se puede crear de dos maneras. La forma más sencilla es comenzar una nueva línea con uno o más espacios. La combinación de los signos Menos (-) y Más (+) también puede usarse para conseguir el mismo efecto.
^Ejemplo: ~np~-+Este texto usa una fuente Monoespaciada+-~/np~ produce:
-+Este texto usa una fuente Monoespaciada+- ^
{icon name=warning} Cuando utilices una fuente Monoespaciada, asegúrate de escribir líneas cortas. Si las líneas son demasiado largas, empujarán a la columna derecha fuera del área de visualización del navegador.
{icon name=warning} El uso del espacio inical para fuente Monoespaciada está desactivado en muchos sitios.
!!!Caja de texto
Pon un (~np~^~np~) al inicio y final del texto para encerrarlo en un recuadro.
Ejemplo: ~np~^Este texto está en un RECUADRO^~/np~ produce:
^Este texto está en un RECUADRO^
NOTA: Este estilo CSS se llama "simplebox" y puede dar resultados diferentes o no exitir, dependiendo de tu tema CSS.
!!!Indentado
Se consigue utiluizando el punto y coma al inicio y luego los dos puntos antes del texto a indentar.
^Ejemplo: ~np~;¿Sabías que: este texto va indentado?~/np~ produce:
;¿Sabías que: este texto va indentado?^
!! El uso de corchetes
Si deseas incluir corchetes con tu texto (como un texto normal, no para un enlace) sólo tienes que añadir abrir corchete al inicio de la frase. P.ej.
[[[esto no será un enlace]
Quedaría de este modo...
[[esto no será un enlace]
-= Enlaces útiles =-
* Puedes encontrar el Color Picker II en [http://www.pagetutor.com/pagetutor/makapage/picker/]