How to embed quality equations in technical web pages.

Written by Bryan Klein

Wednesday, 03 February 2010 16:06

When creating a technical article on a web page, you may need to embed equations in the page.

A way to do this easily, is to use the LaTeX Equation function from http://www.codecogs.com
This tool uses a base URL of "http://www.codecogs.com/eq.latex?" with the LaTeX code for the equation to render placed after the question mark.

As an example, I will use the following LaTeX notation to describe the equation.


f(x)=\int_{-\infty}^x%20e^{-t^2}dt

To get this equation into the page as an image, just place the following HTML into the page source code.


<img src="http://www.codecogs.com/eq.latex?f(x)=\int_{-\infty}^x%20e^{-t^2}dt">

Below is the rendered equation as an image in a little table for layout.

$alt$

Equation 1.1

To be extra informative you could place the LaTeX for the image in the 'title' tag. So the final HTML would look like.


<img title="Equation 1.1 - f(x)=\int_{-\infty}^x%20e^{-t^2}dt" src="http://www.codecogs.com/eq.latex?f(x)=\int_{-\infty}^x%20e^{-t^2}dt">

Idea for this inspired by a knol at: http://knol.google.com/k/michael-chelen/embed-equation-online/gxxp1ckx8nad/2#

Last Updated on Saturday, 06 February 2010 10:07

Add comment

JComments

Main Menu

Add comment

Last 5 Comments