Aprende a darle formato a una página |
---|
Introducción al formato • Dar formato con wikitexto • Enlazar páginas • Construir tablas • Etiquetas HTML • Estilos inline-CSS
|
El wikitexto se puede describir como darle formato a la parte interna de una página, donde combinar símbolos puede realizar un efecto en su contenido. Por ejemplo, escribir "Ve a [[Ayuda:Contenidos]]"
en el editor de código muestra lo siguiente: "Ve a Ayuda:Contenidos".
¿En qué consiste?[]
En los wikis, las páginas se construyen usando wikitexto, un lenguaje utilizado en el formato del contenido de los wikis, el cual se puede usar para añadir imágenes, enlaces, texto en negrita, tablas y otros elementos.
No es necesario saber cómo usar wikitexto para editar en Fandom. Puedes retornar del editor de código al editor visual para editar una página. Sin embargo, utilizar wikitexto te permite tener más control sobre tus modificaciones y ser más preciso en tus cambios.
¿Cómo lo utilizo?[]
Para editar usando wikitexto en una página, tienes que utilizar el editor de código, ya que se utiliza wikitexto en este modo de edición. Para ello, puedes acceder al editor de código de las siguientes maneras:
- Desde el editor visual: haz clic en el menú localizado arriba a la derecha de la barra de herramientas y luego selecciona "Edición de código".
- Desde una página: al costado del botón "Editar" (), abre el menú de tres puntos y selecciona "editar código".
Similar al editor visual, el editor de código presenta una barra de herramientas donde puedes darle formato al contenido a través de botones y opciones en menús, mientras estés editando una página.
También puedes leer las listas debajo, ya que el formato de wikitexto es más amplio y la barra de herramientas ofrece contenidos comunes de usar, mas no todos los formatos de wikitexto disponibles.
Formato de texto[]
El texto es el medio por el cual se transmite inforamción, y utilizar wikitexto para darle formato puede ayudar a que dicha transmisión de información sea más eficiente y más organizada:
Descripción | Escribes | Obtienes |
---|---|---|
Texto en cursiva | ''cursiva''
|
cursiva |
Texto en negrita | '''negrita'''
|
negrita |
Texto subrayado | <u>subrayado</u>
|
subrayado |
Negrita y cursiva | '''''negrita y cursiva'''''
|
negrita y cursiva |
Texto tachado | <s>tachado</s>
|
|
Superíndice | 1<sup>ro</sup>
|
1ro |
Subíndice | O<sub>2</sub>
|
O2 |
Texto pequeño | texto <small>pequeño</small>
|
Texto pequeño |
Texto grande | Texto <span style="font-size: larger;">grande</span> o Texto <big>grande</big>
|
Texto grande |
Bloque de cita | <blockquote>Esto es un bloque de cita</blockquote>
|
|
Código informático | <code>Código informático</code>
|
Código informático
|
Mostrar wikitexto tal como se escribe | <nowiki>[[Este no es un enlace]]</nowiki>
|
[[Este no es un enlace]] |
Salto de página | Este texto está<br />separado en dos.
|
Este texto está separado en dos. |
Texto preformateado (inhibe el uso de formato en su interior) |
<pre> Los [[Ayuda:Enlaces|enlaces]] no funcionan aquí El '''formato''' no funciona aquí </pre> |
Los [[Ayuda:Enlaces|enlaces]] no funcionan aquí El '''formato''' no funciona aquí |
Texto preformateado con estilos | <pre style="color: red"> Los [[Ayuda:Enlaces|enlaces]] no funcionan aquí El '''formato''' no funciona aquí Pero este texto se ve de color rojo (en escritorio) </pre> |
Los [[Ayuda:Enlaces|enlaces]] no funcionan aquí El '''formato''' no funciona aquí Pero este texto se ve de color rojo (en escritorio) |
Enlace a una página interna | [[Ayuda:Contenidos]] [[Ayuda:Contenidos|Texto que se muestra]]
|
Ayuda:Contenidos Texto que se muestra |
Enlace interno con estilos | [[Ayuda:Contenidos|<span style="color:dodgerblue;">Enlace de color celeste a Ayuda:Contenidos</span>]]
|
Enlace de color celeste a Ayuda:Contenidos |
Enlace interno con un salto a sección | [[Ayuda:Enlaces#Añadir un enlace interno]]
|
Ayuda:Enlaces#Añadir un enlace interno |
Enlace a otra comunidad | [[w:c:comunidad|Comunidad Central]]
|
Comunidad Central |
Enlace a una página específica de otra comunidad | [[w:c:comunidad:Especial:Forum|Discusiones de Comunidad Central]]
|
Discusiones de Comunidad Central |
Enlace a una página externa | [https://www.google.com]
|
[1] |
Enlace de cita | <cite>https://www.fandom.com/</cite>
|
https://www.fandom.com/ |
Redirigir a otra página | #REDIRECCIÓN [[Ayuda:Contenidos]]
|
Ayuda:Contenidos |
Firma de usuario, solo nombre (úsalo solo en páginas de discusión) |
~~~
|
Tu nombre de usuario |
Firma de usuario (úsalo solo en páginas de discusión) |
~~~~
|
Tu nombre de usuario 11:25, 19 abril 2024 (UTC) |
Hora y fecha actual (UTC) (úsalo solo en páginas de discusión) |
~~~~~
|
11:25, 19 abril 2024 (UTC) |
Lo siguiente sólo funciona si es el único texto, o va al inicio, en una línea de código | ||
Encabezados (Se generará una tabla de contenidos cuando haya cuatro encabezados en una página) |
|
Nivel 2
Nivel 3
Nivel 4
Nivel 5
Nivel 6
|
Línea horizontal separadora | Texto antes ---- Texto después |
Texto antes Texto después |
Párrafo o línea con sangría |
|
Sin sangría
|
Lista con viñetas |
|
|
Lista numerada |
|
|
Lista combinada |
|
|
Lista de definición | ; Elemento 1 : Definición 1 ; Elemento 2 : Definición 2-1 : Definición 2-2 |
|
Texto preformateado con enlaces funcionales |
|
Color es un concepto |
Formato de imágenes[]
Las imágenes son medios audiovisuales que, de manera similar a los enlaces, también se pueden añadir con wikitexto:
Descripción | Escribes | Obtienes |
---|---|---|
Imagen | [[Archivo:SeaOtter.png]]
|
|
Imagen con tamaño modificado (mantiene el radio de aspecto) |
[[Archivo:SeaOtter.png|100px]]
|
|
Imagen en miniatura | [[Archivo:SeaOtter.png|thumb|Texto del pie de foto.]]
|
|
Imágenes alineadas |
|
|
Imagen con enlace | [[Archivo:SeaOtter.png|link=Ayuda:Contenidos]]
|
|
Imagen con texto alterno | [[Archivo:SeaOtter.png|alt=Una nutria de mar]]
|
|
Enlace directo a la imagen | [[Media:SeaOtter.png]]
|
Media:SeaOtter.png |
Saltos de línea[]
MediaWiki, el software con el que funcionan los wikis, ignora los saltos de línea. Para comenzar un nuevo párrafo, debes dejar una línea vacía de la siguiente forma:
Escribe un párrafo Y luego otro párrafo
Sin embargo, puedes forzar un salto de línea dentro de un párrafo con la etiqueta HTML <br>
(o <br />
), lo que a diferencia del método arriba, no generará un nuevo párrafo, sino que seguirá formando parte del mismo:
Sin usar <br>
|
Usando <br>
|
---|---|
No realiza salto de línea |
Sí realiza |
Etiquetas HTML[]
Algunas etiquetas HTML pueden usarse en MediaWiki, por ejemplo <code>
, <div>
, <span>
y <font>
. Estas se aplican en cualquier lugar donde las insertes.
Descripción | Escribes | Obtienes |
---|---|---|
Texto insertado (se muestra subrayado en la mayoría de navegadores) |
<ins>Texto insertado</ins> o <u>Texto subrayado</u> |
Texto insertado o Texto subrayado |
Texto eliminado (se muestra tachado en la mayoría de navegadores) |
<del>Texto eliminado</del> o <s>Texto tachado</s> |
o
|
Comentario | <!-- Esto es un comentario --> Los comentarios solo son visibles en el modo de edición. |
Los comentarios solo son visibles en el modo de edición. |
Insertar símbolos[]
Los símbolos y otros caracteres especiales que no están disponibles en tu teclado se pueden insertar mediante una secuencia especial de caracteres. Esas secuencias se denominan entidades HTML; por ejemplo, la siguiente secuencia (entidad) →, cuando se inserte, se mostrará como el símbolo HTML flecha derecha → y —, cuando se inserte, se mostrará como el símbolo HTML guión largo —.
Pasa el cursor sobre cualquier caracter en la tabla debajo para descubrir qué secuencia lo forma. Algunos símbolos que no estén disponibles en la fuente actual aparecerán como cuadrados vacíos.
Entidades HTML de símbolos | |||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Á | á | Â | â | ´ | Æ | æ | À | à | ℵ | Α | α | & | ∧ | ∠ | Å | å | ≈ | Ã | ã | Ä | ä | „ | Β | β | ¦ | • | ∩ | Ç | ç | ¸ | ¢ |
Χ | χ | ˆ | ♣ | ≅ | © | ↵ | ∪ | ¤ | † | ‡ | ↓ | ⇓ | ° | Δ | δ | ♦ | ÷ | É | é | Ê | ê | È | è | ∅ | Ε | ε | ≡ | Η | η | ||
Ð | ð | Ë | ë | € | ∃ | ƒ | ∀ | ½ | ¼ | ¾ | ⁄ | Γ | γ | ≥ | > | ↔ | ⇔ | ♥ | … | Í | í | Î | î | ¡ | Ì | ì | ℑ | ∞ | ∫ | Ι | ι |
¿ | ∈ | Ï | ï | Κ | κ | Λ | λ | ⟨ | « | ← | ⇐ | ⌈ | “ | ≤ | ⌊ | ∗ | ◊ | | ‹ | ‘ | < | ¯ | — | µ | · | − | Μ | μ | ∇ | – | |
≠ | ∋ | ¬ | ∉ | ⊄ | Ñ | ñ | Ν | ν | Ó | ó | Ô | ô | Œ | œ | Ò | ò | ‾ | Ω | ω | Ο | ο | ⊕ | ∨ | ª | º | Ø | ø | Õ | õ | ⊗ | Ö |
ö | ¶ | ∂ | ‰ | ⊥ | Φ | φ | Π | π | ϖ | ± | £ | ′ | ″ | ∏ | ∝ | Ψ | ψ | " | √ | ⟩ | » | → | ⇒ | ⌉ | ” | ℜ | ® | ⌋ | Ρ | ρ | |
› | ’ | ‚ | Š | š | ⋅ | § | | Σ | σ | ς | ∼ | ♠ | ⊂ | ⊆ | ∑ | ⊃ | ¹ | ² | ³ | ⊇ | ß | Τ | τ | ∴ | Θ | θ | ϑ | Þ | þ | ˜ | |
× | ™ | Ú | ú | ↑ | ⇑ | Û | û | Ù | ù | ¨ | ϒ | Υ | υ | Ü | ü | ℘ | Ξ | ξ | Ý | ý | ¥ | ÿ | Ÿ | Ζ | ζ | | |
Descripción | Escribes | Obtienes |
---|---|---|
Símbolo de derechos de autor | © |
|
Símbolo de letra delta griega | δ |
|
Símbolo de moneda euro | € |
|
Consulta la lista de todas las entidades HTML en el artículo de Wikipedia Lista de entidades HTML. Además, MediaWiki admite dos secuencias de referencia de entidades no estándar: &רלמ;
y &رلم;
, ambas consideradas equivalentes a ‏
que es una marca de derecha a izquierda. (Se utiliza cuando se combinan idiomas de derecha a izquierda con idiomas de izquierda a derecha en la misma página).
¿Puedo mostrar formato como sí mismo?[]
Puedes mostrar formato de wikitexto, etiquetas HTML o entidades HTML como sí mismas de la siguiente forma:
Descripción | Escribes | Obtienes |
---|---|---|
Entidad HTML | &euro;
|
|
Etiquetas HTML | <<nowiki />pre>
|
|
Wikitexto | <nowiki>Este no es [[Ayuda:Enlaces|un enlace]]</nowiki>
|
|
Los ejemplos arriba utilizan la etiqueta <nowiki>
de la forma <nowiki></nowiki>
o <nowiki/>
, una etiqueta especial que inhibe el funcionamiento del formato wiki, sean etiquetas HTML o wikitexto. Sin embargo, no inhibe los escapes de símbolo &; es decir, no inhibe las entidades HTML.
Por ejemplo, lo siguiente ejemplifica por qué no funciona:
- &<nowiki />amp; se vuelve &
Para usar escapes de símbolo & como texto, utiliza "&
" para reemplazar el caracter "&" (por ejemplo, escribe "&nbsp;
", lo que da como resultado "
").
Véase también[]
- Ayuda:Editar
- Ayuda:Portada
- Ayuda:Plantillas
- Ayuda:Infoboxes
- Ayuda:Tablas
- Ayuda:Palabras mágicas
- Ayuda:Firma
- Para obtener una versión impresa de la referencia rápida, visita la guía de referencia de MediaWiki o poster-size cheatsheet (disponible en varios idiomas).
Ayuda y comentarios[]
- Navega y busca otras páginas de ayuda en Ayuda:Contenidos.
- Revisa Comunidad Central de Fandom para más fuentes de ayuda y soporte.
- Revisa Contactar con Fandom para saber cómo reportar algún error o algún paso que no esté claro en este artículo.