Ayuda:Formato del texto

Si estás buscando algo en concreto puedes buscar en Las preguntas más frecuentes.
Si por otra parte quieres una guía inicial puedes probar a empezar por el Tutorial.

Poner estilos al texto hace que usted parezca un usuario avanzado y no el novato pardillo que en realidad es.

Un truco: Si usted crea un artículo malo, ponga cada letra de cada palabra de un color distinto. Nos quedaremos tan maravillados al contemplar cómo alguien se puede aburrir tanto, que tal vez no le borremos su artículo.

Definiendo su aspecto

Estos símbolos definen el aspecto de las letras dentro de un párrafo y son de uso general. En teoría, algunos de ellos deberían ser sustituidos por los correspondientes que definen la función de las palabras que rodean, pero como sabemos que eres tan vago como nosotros o más, te los dejamos listados para que haga uso de ellos.

Todos los símbolos aquí definidos tienen una apertura y un cierre, es decir se deben poner al principio y al final de los caracteres que se quieren enfatizar, deben estar en el mismo párrafo.

Si se combinan varios, se tienen que abrir y cerrar en el orden inverso en el que se abren, es decir, cerrar el último estilo abierto.

Apertura	Cierre	Descripción	Ejemplo
Dos apóstrofos ''	Dos apóstrofos ''	Sirve para poner un texto en cursiva.	''Nadie sabe para qué sirve poner textos en cursiva.'' Nadie sabe para qué sirve poner textos en cursiva.
Tres apóstrofos '''	Tres apóstrofos '''	Sirve para poner un texto en negrita.	'''Me gusta poner texto en negrita para no parecer racista.''' Me gusta poner texto en negrita para no parecer racista.
Cinco apóstrofos '''''	Cinco apóstrofos '''''	Combina negrita y cursiva. Al igual que con estos se pueden combinar los demás estilos	'''''Me gusta complicarme la vida poniendo muchos formatos en los textos.''''' Me gusta complicarme la vida poniendo muchos formatos en los textos.
<u>	</u>	Subrayado	<u>Cuando estudiaba subrayaba los apuntes</u> Cuando estudiaba subrayaba los apuntes
<small>	</small>	Texto pequeño.	<small>El tamaño no importa.</small> El tamaño no importa.
<big>	</big>	Texto grande No es la forma de poner títulos	<big>¿o sí importa?</big> ¿o sí importa?
<tt>	</tt>	Texto monoespaciado Todas las letras tienen el mismo ancho	<tt>Prefiero las máquinas de escribir</tt> Prefiero las máquinas de escribir
<sup>	</sup>	Texto superíndice	Tengo el ego <sup>muy alto</sup> Tengo el ego muy alto
<sub>	</sub>	Texto subíndice	Pero ahora estoy <sub>decaído</sub> Pero ahora estoy decaído
<del>	</del>	Texto tachado No usar <strike> ni <s>	<del>¡¡¡Me están censurando!!!!</del> ¡¡¡Me están censurando!!!!

Definiendo su función

Además de las etiquetas para definir el aspecto de una serie de caracteres, existen otras que definen su función o qué tipo de texto es lo que encierran. En teoría..., estos formatos son los que deberían usarse en ciertas ocasiones en vez de su equivalente en la tabla de arriba,

El uso de estas etiquetas es una recomendación más que una obligación... porque bien es sabido que no vas hacer caso. Pero si los usas, intenta que por lo menos lo que contengan se corresponda con lo que definen.

Apertura	Cierre	Descripción	Ejemplo
<cite>	</cite>	Sirve para escribir citas Visualmente cursivas	<cite>En un lugar de Castilla...</cite> En un lugar de Castilla...
<code>	</code>	Sirve para indicar que es código fuente de ordenador Monoespaciado con un color de fondo	<code>IF NOT Understand THEN Exit;</code> IF NOT Understand THEN Exit;
<nowiki>	</nowiki>	Ignorar las etiquetas que definen el texto Muestra lo que esta escrito sin importar que hayan definido formatos dentro de él	<nowiki><big>''Con'' lo '''bonito''' que <s>quedaba...</s></big></nowiki> <big>''Con'' lo '''bonito''' que <s>quedaba...</s></big>
<!--	-->	Comentario para la edición. No muestra el texto siendo un comentario para el código fuente del texto, visible solo cuando se edita	<!-- Pulsa editar si me quieres ver -->
<math>	</math>	Define un fórmula matemática en formato LATEX Crea una imagen con la fórmula descrita	<math>\frac{2}{3-x} = \frac{3}{2-x} \!</math> ${\frac {2}{3-x}}={\frac {3}{2-x}}\!$

La etiqueta <span>

Bueno, como has podido ver, existen gran cantidad de posibilidades para definir el formato del texto. Pero posiblemente te preguntarás: ¿y los colores? ¿y el subrayado? ¿y...? ¡Deja de hacer preguntas!.

Bueno, pues para hacer todo eso existe la etiqueta <span> del HTML que también es reconocida por el MediaWiki. O mejor dicho: no es filtrada y se permite su uso. Esta etiqueta permite la definición del texto que enmarca, es muy parecido a un <div>, que se explica en Ayuda:Formato de párrafo, pero ésta es para usar solo con texto que se encuentra dentro de un mismo párrafo.

Siguiendo la estructura anterior se definiría así:

Apertura	Cierre	Descripción	Ejemplo
<span style="<Parámetros_CSS>">	</span>	Sirve para definir el formato de un texto dentro de un párrafo Para dar formato a uno o más párrafos enteros es mejor usar <div>	<span style="color:green; font-variant:small-caps; text-decoration: underline;">Jugando con el formato</span> Jugando con el formato

Donde <Parámetros_CSS> puede ir básicamente cualquier estilo CSS. Aunque hay unos pocos que no funcionan, no son muy importantes, por ejemplo poner de fondo una imagen.

De forma breve sin muchas explicaciones, algunos párametros de CSS (es decir, lo que va entre comillas donde pone <Parámetros_CSS>) que hacen cosas que no se pueden hacer con los códigos de Wikicode son:

Parámetro CSS	Función	Ejemplo
color:<color>;	Define el color del texto Más info sobre que debe ser <color> aquí	<span style="color:red;">Si lo ves verde... vete al oculista.</span> Si lo ves verde... vete al oculista.
background:<color>;	Define el fondo del texto Más info sobre que debe ser <color> aquí	<span style="background:yellow;">En WP usan este fondo porque no tienen emoticonos</span> En WP usan este fondo porque no tienen emoticonos
font-family:<TipoS de fuente>;	Define la fuente de texto a usar Para más info sigue leyendo	<span style="font-family: fantasy;">¡Soy el más molón!</span> ¡Soy el más molón!

Por supuesto, como podrás haber comprobado en el ejemplo genérico de <span>, no hace falta hacer un span para cada estilo sino que se pueden agrupar todos los necesarios dentro de las comillas después de style=, separándolos con un punto y coma ";"

Como curiosidad, si comparas el ejemplo del cambio de color de fondo con su respectivo en el uso <div> en Ayuda:Formato de párrafo, aquí pinta de amarillo el fondo sólo lo que ocupan los caracteres que rodean el <span>. Con esto te puedes hacer una idea de la diferencia entre definir el formato de un texto dentro de un párrafo con definir el formato de un bloque.

Puedes hacer muchas más cosas de las que aquí se explican si tienes conocimientos de CSS y conoces bien las especificaciones del CSS (cuidado con el Internet Explorer)

font-family

Si has visto repetido este texto en algún otro sitio, vuélvetelo a leer hasta que lo tengas bien claro antes de usar este parámetro CSS.

El uso de este parámetro es style="font-family:<TipoS de fuente>";

Donde <TipoS de fuente> va el nombre de la fuente que se quiere usar, es muy recomendable usar una lista fuentes separadas por comas "," y añadir al final un tipo genérico de los que se listan a continuación, para que pueada ser visualizada correctamente en ordenadores que no tienen esas fuentes.

Las fuentes genéricas son redefinibles por cada usuario en su navegador:

• serif: Texto normal con rabitos en las letras.
• sans-serif: Texto normal sin los rasguillos en las letras
• fantasy: Texto usando una fuente tipo fantasía
• cursive: Texto usando una fuente con letras redondas o cursivas
• monospace: Estilo máquina de escribir donde todas las letras tienen el mismo ancho

Pensad que la Times New Roman o las apreciadas Tahoma y Comic Sans NO se encuentran por defecto en ordenadores que no tienen Windows.

NOTA

En caso de que el nombre de la fuente contenga espacios debe meterse entre apóstrofos " ' ". Por ejemplo: 'Times New Roman'.

Plantillas de formato

Además del formato wiki y el <span>, se han definido una serie de plantillas para cambiar el formato del texto de forma sencilla, ya bien sea para simular alguna etiqueta de HTML o porque el <span> puede ser algo complicado de usar en ese caso.

Si quieres más información, vete a su página y deberían tener una descripción de su formato y funcionamiento.

Plantilla:abbr

Simula el HTML <abbr> y <acronym>. Para poner abreviaturas, siglas y acrónimos principalmente.

Plantilla:Expansible

Sirve para hacer que un texto se despliegue al poner el puntero del mouse sobre el texto visible: Pon aquí el puntero del mouseEste sería un ejemplo sencillo del funcionamiento de la plantilla expansible.