General

Las expresiones matemáticas escritas en TeX deben encerrarse entre etiquetas <math> y </math>. Para ello puedes seleccionar el código TeX y pulsar el botón que aparece en la barra de botones que está encima de la caja de edición (es posible que no aparezca en tu navegador).

Las imágenes PNG son generadas en negro sobre fondo blanco no transparente. Estos colores, así como los tamaños y tipos de fuente, son independientes de la configuración del navegador y del CSS]] aplicado. Los tamaños y tipos de fuente diferirán a menudo de los usados por el navegador para mostrar el HTML. El selector CSS de las imágenes es img.tex.

En el caso de una página con otro color de fondo, el blanco de las fórmulas las resalta eficazmente, lo que puede ser una ventaja o una desventaja.

Puede que se desee evitar usar código TeX como parte de una línea de texto normal, pues las fórmulas no se alinean apropiadamente y el tamaño y tipo de fuente, como se ha dicho, normalmente no coincide.

El atributo alt de las imágenes TeX (el texto que se muestra en la caja de ayuda flotante al dejar el cursor sobre ella) es el texto wiki a partir de la que se generó, excluyendo las etiquetas <math> y </math>.

Los espacios y saltos de línea se aceptan, y no se muestran, siendo útiles para dejar el código TeX más ordenado (por ejemplo, un salto de línea después de cada término o de cada fila de una matriz). Excepto los nombres de funciones y los operadores, como es habitual en las matemáticas para las variables, las letras se muestran en cursiva y los dígitos no. Para evitar que un texto se muestre en cursivas como las variables, se debe usar \mbox: <math>\mbox{abc}</math> da abc en lugar de abc. La sintaxis de cada característica va precedida de \. El espacio vacío por / y no pertenece a la sintaxis de la característica.

Funciones, símbolos y caracteres especiales

Comparación:

• α da α, <math>\alpha</math> da (adviértase el uso de «&» y «;» frente a «\» junto a la palabra reservada, en este caso «alpha»)
• √2 da √2, <math>\sqrt{2} \,\!</math> da (igual que en el caso anterior, pero con palabras reservadas diferentes: «radic» frente a «sqrt» más las llaves TeX)
• √(1-''e''²) da √(1-e²), <math>\sqrt{1-e^2}</math> da (adviértase el uso de paréntesis frente a llaves, «''e''» frente a «e» y «²» frente a «^2»)

Acentos y marcas diacríticas

\acute{a} \quad \grave{a} \quad \breve{a} \quad \check{a} \quad \tilde{a}

Funciones estándar (bien)

\sin x + \ln y + \operatorname{sgn} z
\sin a + \cos b + \tan c + \cot d + \sec e + \csc f
\sinh g + \cosh h + \tanh i + \coth j
\arcsin k + \arccos l + \arctan m
\lim n + \limsup o + \liminf p
\min q + \max r + \inf s + \sup t
\exp u + \lg v + \log w
\ker x + \deg x + \gcd x + \Pr x
\det x + \hom x + \arg x + \dim x

Funciones estándar (mal)

\sin x + \ln y + \sgn z

Aritmética modular

s_k \equiv 0 \pmod{m} \quad a \bmod b

Derivadas

\nabla \; \partial x \; dx \; \dot x \; \ddot y

Conjuntos

\forall \; \exists \; \nexists \; \empty \; \emptyset \; \varnothing \; \in \; \ni \; \not\in \; \notin
\subset \; \subseteq \; \supset \; \supseteq \; \cap \; \bigcap \; \cup \; \bigcup \; \biguplus
\sqsubset \; \sqsubseteq \; \sqsupset \; \sqsupseteq \; \sqcap \; \sqcup \; \bigsqcup
X\stackrel{f}\to Y

Lógica

p \land \wedge \; \bigwedge \; \bar{q} \to p\lor \vee \; \bigvee \; \lnot \; \neg q \; \setminus \; \smallsetminus

Raíces

\sqrt{2}\approx 1.4
\sqrt[n]{x}

Relaciones

\propto \varpropto
\models
\cong
\equiv
\sim \thicksim \backsim
\simeq \backsimeq
\eqsim
\approx \thickapprox
\approxeq
\bumpeq
\Bumpeq
\doteq
\doteqdot \Doteq
\risingdotseq \fallingdotseq
\eqcirc
\circeq
\triangleq
< >
\ll \gg
\lll \ggg \gggtr
\le oder \leq, \ge oder \geq
\leqq \geqq
\leqslant \geqslant
\eqslantless \eqslantgtr
\lesssim \gtrsim
\lessapprox \gtrapprox
\lessdot \gtrdot
\lessgtr \gtrless
\lesseqgtr \gtreqless
\lesseqqgtr \gtreqqless
\sqsubseteq und \sqsupseteq
\subset \supset
\subseteq \supseteq
\subseteqq \supseteqq
\Subset \Supset
\prec \succ
\preccurlyeq \succcurlyeq
\curlyeqprec \curlyeqsucc
\preceq \succeq
\precsim \succsim
\precapprox \succapprox
\asymp
\vdash \dashv
\Vvdash
\vartriangleleft \vartriangleright
\blacktriangleleft \blacktriangleright
\not< \not> \ngtr
\not=, \neq, \ne
\nsim
\not\approx
\ncong
\not\equiv
\not\le \not\ge
\nleqq \ngeqq
\lneq \gneq
\lneqq \gneqq
\lvertneqq \gvertneqq
\nleqslant \ngeqslant
\lnsim \gnsim
\lnapprox \gnapprox
\not\in, \notin
\not\simeq
\not\sqsubseteq \not\sqsupseteq
\not\subset \not\supset
\nsubseteq \nsupseteq
\nsubseteqq \nsubseteqq
\varsubsetneq \varsupsetneq
\subsetneqq \supsetneqq
\varsubsetneqq \varsupsetneqq
\nprec \nsucc
\npreceq \nsucceq
\precneqq \succneqq
\precnsim \succnsim
\precnapprox \succnapprox
\not\asymp
\nshortmid
\nshortparallel \nparallel
\nvdash \nvDash
\nVdash \nVDash
\ntriangleleft \ntriangleright
\ntrianglelefteq \ntrianglerighteq

Geometría

\Diamond \Box \triangle \angle \perp \mid \; \nmid \| \; 45^\circ

Flechas

\circlearrowleft \circlearrowright
\curvearrowleft \curvearrowright
\downarrow \uparrow
\downdownarrows \upuparrows
\Downarrow \Uparrow
\hookleftarrow \hookrightarrow
\leftarrow \rightarrow
\Leftarrow \Rightarrow
\leftarrowtail \rightarrowtail
\leftharpoondown \rightharpoondown
\leftharpoonup \rightharpoonup
\leftleftarrows \rightrightarrows
\leftrightarrow \Leftrightarrow
\leftrightarrows \rightleftarrows
\leftrightharpoons \rightleftharpoons
\leftrightsquigarrow \rightsquigarrow
\Lleftarrow \Rrightarrow
\longleftarrow \longrightarrow
\Longleftarrow \Longrightarrow
B \xrightarrow[T]{implica} A
A \xleftarrow[T]{implicado} B
\longleftrightarrow
\Longleftrightarrow
\longmapsto \mapsto
\looparrowleft \looparrowright
\Lsh \Rsh
\multimap
\nearrow \nwarrow \searrow \swarrow
\nLeftarrow \nRightarrow
\nleftrightarrow \nLeftrightarrow
\restriction
\twoheadleftarrow \twoheadrightarrow
\updownarrow \Updownarrow

Símbolos especiales

\eth \; \S \; \P \; \% \; \dagger \; \ddagger \; \star \; * \; \ldots
\smile \; \frown \; \wr \; \oplus \; \bigoplus \; \otimes \; \bigotimes
\times \; \cdot \; \circ \; \bullet \; \bigodot \; \triangleleft \; \triangleright \; \infty \; \bot \; \top \; \vdash \; \vDash \; \Vdash \; \models \; \lVert \; \rVert
\imath \; \hbar \; \ell \; \mho \; \Finv \; \Re \; \Im \; \wp \; \complement \quad \diamondsuit \; \heartsuit \; \clubsuit \; \spadesuit \; \Game \quad \flat \; \natural \; \sharp

con minúscula produce algunos extras

\mathcal {45abcdenpqstuvwx}

Subíndices, superíndices e integrales

Superíndice

a^2

a2

Subíndice

a_2

a2

Agrupación

a^{2+2}	a2 + 2
a_{i,j}	ai,j

Combinando sub y súper

x_2^3

Precediendo de sub y súper

{}_1^2\!X_3^4

Derivadas (bien)

x', y''

x',y''

Derivadas (mal en HTML)

x^\prime, y^{\prime\prime}

Derivadas (mal en PNG)

x\prime, y\prime\prime

Puntos de derivada

\dot{x} \; \ddot{x}

Subrayado, sobrerrayado, vectores

\hat a \; \bar b \; \vec c \; \overrightarrow{a b} \; \overleftarrow{c d} \; \widehat{d e f} \; \overline{g h i} \; \underline{j k l}

Llaves superiores

\begin{matrix} 5050 \\ \overbrace{ 1+2+\cdots+100 } \end{matrix}

Llaves inferiores

\begin{matrix} \underbrace{ a+b+\cdots+z } \\ 26 \end{matrix}

Sumatorios

\sum_{k=1}^N k^2

Productorios

\prod_{i=1}^N x_i

Coproductos

\coprod_{i=1}^N x_i

Límites

\lim_{n \to \infty}x_n

Integrales

\int_{-N}^{N} e^x\, dx

Integrales dobles

\iint_{D}^{W} \, dx\,dy

Integrales triples

\iiint_{E}^{V} \, dx\,dy\,dz

Integrales cuádruples

\iiiint_{F}^{U} \, dx\,dy\,dz\,dt

Integrales cerradas

\oint_{C} x^3\, dx + 4y^2\, dy

Intersecciones

\bigcap_1^{n} p

Uniones

\bigcup_1^{k} p

Fracciones, matrices y multilíneas

Fracciones

\frac{2}{4} o {2 \over 4}

Coeficientes binomiales

{n \choose k}

Fracciones pequeñas

\begin{matrix} \frac{2}{4} \end{matrix}

Matrices

\begin{matrix} x & y \\ z & v \end{matrix}
\begin{vmatrix} x & y \\ z & v \end{vmatrix}
\begin{Vmatrix} x & y \\ z & v \end{Vmatrix}
\begin{bmatrix} 0 & \cdots & 0 \\ \vdots & \ddots & \vdots \\ 0 & \cdots & 0\end{bmatrix}
\begin{Bmatrix} x & y \\ z & v \end{Bmatrix}
\begin{pmatrix} x & y \\ z & v \end{pmatrix}

Definiciones por tramos

f(n) = \begin{cases} n/2, & \mbox{si }n\mbox{ es par} \\ 3n+1, & \mbox{si }n\mbox{ es impar} \end{cases}

Ecuaciones multilínea

\begin{array}{rcl}f(n+1) & = & (n+1)^2 \\ \ & = & n^2 + 2n + 1 \end{array}

Método alternativo usando tablas

{| | <math>f(n+1)</math> | <math>=(n+1)^2</math> |- | | <math>=n^2 + 2n + 1</math> |}

Sistemas de ecuaciones mal

\left . \begin{matrix} 4 \cdot \frac{2x^3+7}{5x^2+2y+5}=2 \\ \frac{2x^y+8xy}{5x^2+2yz^2+17z}=43\end{matrix} \right \}

Sistemas de ecuaciones bien (usando \cfrac)

\left . \begin{matrix} 4 \cdot \cfrac{2x^3+7}{5x^2+2y+5}=2 \\ \cfrac{2x^y+8xy}{5x^2+2yz^2+17z}=43\end{matrix} \right \}

Fuentes

Alfabeto griego

Adviértase la ausencia de ómicron, y también que algunas mayúsculas griegas se representan iguales a sus equivalentes latinas.

\alpha	α	\Alpha	Α
\beta	β	\Beta	Β
\gamma	γ	\Gamma	Γ
\delta	δ	\Delta	Δ
\epsilon \varepsilon	ε	\Epsilon	Ε
\zeta	ζ	\Zeta	Ζ
\eta	η	\Eta	Η
\theta \vartheta	θ	\Theta	Θ
\iota	ι	\Iota	Ι
\kappa \varkappa	κ	\Kappa	Κ
\lambda	λ	\Lambda	Λ
\mu	μ	\Mu	Μ
\nu	ν	\Nu	Ν
\omikron		\Omikron
\xi	ξ	\Xi	Ξ
\pi \varpi	π	\Pi	Π
\rho \varrho	ρ	\Rho	Ρ
\sigma \varsigma	σ	\Sigma	Σ
\tau	τ	\Tau	Τ
\upsilon	υ	\Upsilon	Υ
\phi \varphi	φ	\Phi	Φ
\chi	χ	\Chi	Χ
\psi	ψ	\Psi	Ψ
\omega	ω	\Omega	Ω

«Blackboard bold»

x\in\mathbb{R}\sub\mathbb{C}

Negrita (vectores)

\mathbf{x}\cdot\mathbf{y} = 0

Negrita (griego)

\boldsymbol{\alpha} + \boldsymbol{\beta} + \boldsymbol{\gamma}

Cursivas (itálica)

\mathit{ABCDE abcde 1234}

Fuente romana

\mathrm{ABCDE abcde 1234}

Fuente Fraktur

\mathfrak{ABCDE abcde 1234}

Caligrafía

\mathcal{ABCDE abcde 1234}

Alfabeto hebreo

\aleph \beth \gimel \daleth

Caracteres no cursivos

\mbox{abc}

abc

Mezclar cursivas (mal)

\mbox{si} n \mbox{es par}

sines par

Mezclar cursivas (bien)

\mbox{si } n \mbox{ es par}

si n es par

Poniendo expresiones grandes entre paréntesis, corchetes, etcétera

Característica	Sintaxis	Cómo se ve renderizado
Mal	( \frac{1}{2} )
Bien	\left ( \frac{1}{2} \right )

Pueden usarse varios delimitadores con \left y \right:

Paréntesis

\left ( \frac{a}{b} \right )

Corchetes

\left [ \frac{a}{b} \right ] \quad \left \lbrack \frac{a}{b} \right \rbrack

Llaves

\left \{ \frac{a}{b} \right \} \quad \left \lbrace \frac{a}{b} \right \rbrace

Ángulos (<, >)

\left \langle \frac{a}{b} \right \rangle

Barras simples y dobles

\left | \frac{a}{b} \right \vert \left \Vert \frac{c}{d} \right \|

Redondeo inferior y superior

\left \lfloor \frac{a}{b} \right \rfloor \left \lceil \frac{c}{d} \right \rceil

Barras inclinadas e invertidas

\left / \frac{a}{b} \right \backslash

Flechas simples y dobles

\left \uparrow \frac{a}{b} \right \downarrow \quad \left \Uparrow \frac{a}{b} \right \Downarrow \quad \left \updownarrow \frac{a}{b} \right \Updownarrow

Los delimitadores puede mezclarse

Los delimitadores puede mezclarse, siempre que cada \left vaya cerrado por un \right

\left [ 0,1 \right ) \quad \left \langle \psi \right |

Que no se muestre un delimitador

Usa \left . y \right . si no quieres que se muestre un delimitador

\left . \frac{A}{B} \right \} \to X

Tamaño de los delimitadores

\big( \Big( \bigg( \Bigg( ... \Bigg] \bigg] \Big] \big]
\big\{ \Big\{ \bigg\{ \Bigg\{ ... \Bigg\rangle \bigg\rangle \Big\rangle \big\rangle
\big\| \Big\| \bigg\| \Bigg\| ... \Bigg| \bigg| \Big| \big|
\big\lfloor \Big\lfloor \bigg\lfloor \Bigg\lfloor ... \Bigg\rceil \bigg\rceil \Big\rceil \big\rceil
\big\uparrow \Big\uparrow \bigg\uparrow \Bigg\uparrow ... \Bigg\Downarrow \bigg\Downarrow \Big\Downarrow \big\Downarrow

Color

En las expresiones se pueden emplear colores

{ \color{SkyBlue}3x^2 } - { \color{Red} 5x } + { \color{Green} 2 }

{ \color{BrickRed} x } = \frac{ { \color{Red} -b} \pm \sqrt{ \color{Magenta} b^2-4ac } }{ \color{Green} 2a}

Las posibilidades disponibles son estas:

{ \color{Apricot} \mbox{Apricot} }
{ \color{Aquamarine} \mbox{Aquamarine} }
{ \color{Bittersweet} \mbox{Bittersweet} }
{ \color{Black} \mbox{Black} }
{ \color{Blue} \mbox{Blue} }
{ \color{BlueGreen} \mbox{BlueGreen} }
{ \color{BlueViolet} \mbox{BlueViolet} }
{ \color{BrickRed} \mbox{BrickRed} }
{ \color{Brown} \mbox{Brown} }
{ \color{BurntOrange} \mbox{BurntOrange} }
{ \color{CadetBlue} \mbox{CadetBlue} }
{ \color{CarnationPink} \mbox{CarnationPink} }
{ \color{Cerulean} \mbox{Cerulean} }
{ \color{CornflowerBlue} \mbox{CornflowerBlue} }
{ \color{Cyan} \mbox{Cyan} }
{ \color{Dandelion} \mbox{Dandelion} }
{ \color{DarkOrchid} \mbox{DarkOrchid} }
{ \color{Emerald} \mbox{Emerald} }
{ \color{ForestGreen} \mbox{ForestGreen} }
{ \color{Fuchsia} \mbox{Fuchsia} }
{ \color{Goldenrod} \mbox{Goldenrod} }
{ \color{Gray} \mbox{Gray} }
{ \color{Green} \mbox{Green} }
{ \color{GreenYellow} \mbox{GreenYellow} }
{ \color{JungleGreen} \mbox{JungleGreen} }
{ \color{Lavender} \mbox{Lavender} }
{ \color{LimeGreen} \mbox{LimeGreen} }
{ \color{Magenta} \mbox{Magenta} }
{ \color{Mahogany} \mbox{Mahogany} }
{ \color{Maroon} \mbox{Maroon} }
{ \color{Melon} \mbox{Melon} }
{ \color{MidnightBlue} \mbox{MidnightBlue} }
{ \color{Mulberry} \mbox{Mulberry} }
{ \color{NavyBlue} \mbox{NavyBlue} }
{ \color{OliveGreen} \mbox{OliveGreen} }
{ \color{Orange} \mbox{Orange} }
{ \color{OrangeRed} \mbox{OrangeRed} }
{ \color{Orchid} \mbox{Orchid} }
{ \color{Peach} \mbox{Peach} }
{ \color{Periwinkle} \mbox{Periwinkle} }
{ \color{PineGreen} \mbox{PineGreen} }
{ \color{Plum} \mbox{Plum} }
{ \color{ProcessBlue} \mbox{ProcessBlue} }
{ \color{Purple} \mbox{Purple} }
{ \color{RawSienna} \mbox{RawSienna} }
{ \color{Red} \mbox{Red} }
{ \color{RedOrange} \mbox{RedOrange} }
{ \color{RedViolet} \mbox{RedViolet} }
{ \color{Rhodamine} \mbox{Rhodamine} }
{ \color{RoyalBlue} \mbox{RoyalBlue} }
{ \color{RoyalPurple} \mbox{RoyalPurple} }
{ \color{RubineRed} \mbox{RubineRed} }
{ \color{Salmon} \mbox{Salmon} }
{ \color{SeaGreen} \mbox{SeaGreen} }
{ \color{Sepia} \mbox{Sepia} }
{ \color{SkyBlue} \mbox{SkyBlue} }
{ \color{SpringGreen} \mbox{SpringGreen} }
{ \color{Tan} \mbox{Tan} }
{ \color{TealBlue} \mbox{TealBlue} }
{ \color{Thistle} \mbox{Thistle} }
{ \color{Turquoise} \mbox{Turquoise} }
{ \color{Violet} \mbox{Violet} }
{ \color{VioletRed} \mbox{VioletRed} }
{ \color{White} \mbox{White} }
{ \color{WildStrawberry} \mbox{WildStrawberry} }
{ \color{Yellow} \mbox{Yellow} }
{ \color{YellowGreen} \mbox{YellowGreen} }
{ \color{YellowOrange} \mbox{YellowOrange} }

Espaciado

Adviértase que TeX ajusta casi todo el espaciado automáticamente, pero a veces se necesita un control manual.

Característica	Sintaxis	Cómo se ve renderizado
Espacio óctuple	a \qquad b
Espacio cuádruple	a \quad b
Espacio de texto	a\ b
Espacio de texto sin conversión PNG	a \mbox{ } b	a b
Espacio grande	a\;b
Espacio medio	a\>b	(no soportado)
Espacio pequeño	a\,b
Sin espacio	ab
Espacio negativo	a\!b

Alineación con el flujo del texto normal

Debido al estilo CSS por defecto

img.tex { vertical-align: middle; }

una expresión en línea como debería quedar bien.

Si se necesita alinearla de otra forma, usa <span style="vertical-align:-100%;"><math>...</math></span> y juega con el parámetro de vertical-align hasta que obtengas el resultado deseado. Sin embargo, el resultado final depende de la configuración del navegador.

Forzar la generación de imágenes PNG

Para forzar que la fórmula se muestre como una imagen PNG, añade \, (espacio pequeño) al final de la fórmula (donde no será representado). Esto forzará la generación del PNG si el usuario está en el modo «HTML si es muy simple, si no PNG», pero no si está en «HTML si es posible, si no PNG» (sección «Cómo se muestran las fórmulas» de las preferencias de usuario).

También puedes usar \,\! (espacio pequeño y espacio negativo, que se cancelan) en cualquier lugar dentro de las etiquetas <math>...</math>. Esto sí fuerza la generación del PNG incluso si el usuario está en el modo «HTML si es posible, si no PNG», a diferencia de \,.

Esto puede ser de utilidad para obligar la generación de fórmulas en una demostración consitente, por ejemplo, o para corregir fórmulas que se muestran incorrectamente en HTML (en un momento dado, a^{2+2} se generaba con un subrayado sobrante), o para demostrar cómo algo se ve en PNG cuando normalmente se mostraría como HTML (como en los ejemplos anteriores).

Por ejemplo:

Sintaxis	Cómo se ve renderizado
a^{c+2}	ac + 2
a^{c+2} \,
a^{\,\!c+2}
a^{b^{c+2}}	(¡Mal con la opción «HTML si es posible, si no PNG»!)
a^{b^{c+2}} \,	(¡Mal con la opción «HTML si es posible, si no PNG»!)
a^{b^{c+2}} \,\!	(¡Bien en todos los casos!)
a^{b^{c+2}}\approx 5	(debido a \approx, no se necesita \,\!)
a^{b^{\,\!c+2}}
\int_{-N}^{N} e^x\, dx
\int_{-N}^{N} e^x\, dx \,
\int_{-N}^{N} e^x\, dx \,\!

Esto ha sido probado con la mayoría de las fórmulas de esta página, y parece funcionar perfectamente.

Puede que quieras incluir un comentario en el código HTML para que otros usuarios no «corrijan» la fórmula quitándolo:

<!-- \,\! es para obligar a que la fórmula se muestre como PNG en vez de como HTML. Por favor no lo borres. -->

Ejemplos

Regresar a Root