The point of this page is to provide convenient access to DragMath. This applet uses DragMath v0.7.8.1. Get DragMath from SourceForge, or locally here.
MathML Example - works with Gecko based browsers such as FireFox.
I like DragMath because it allows for creation of quick MathML (and LaTEX and Maple and Maxima and you get the point.) MathML allows math equations to be placed in web pages without images. MathML will be more common as HTML 5 becomes the standard. Until then, Gecko based browsers such as FireFox will parse MathML with a few tweaks.
There are several approaches to embedding and displaying MathML in a page, but the most natural for HTML users is to create an XHTML page and embed the MathML. Remember to use the extension ".xhtml" for your XHTML page. It won't parse properly with the ".html" extension, because the web server will associate the wrong mime type with the file when transfering it.
Here is a very basic XHTML web page using MathML to display Heron's Formula. (My favorite formula, btw.)
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/TR/MathML2/dtd/xhtml-math11-f.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
</head>
<body>
<math xmlns="http://www.w3.org/1998/Math/MathML">
<msqrt>
<mrow>
<mi>s</mi>
<mo> ⋅ </mo>
<mfenced>
<mrow>
<mi>s</mi>
<mo> − </mo>
<mi>a</mi>
</mrow>
</mfenced>
<mo> ⋅ </mo>
<mfenced>
<mrow>
<mi>s</mi>
<mo> − </mo>
<mi>b</mi>
</mrow>
</mfenced>
<mo> ⋅ </mo>
<mfenced>
<mrow>
<mi>s</mi>
<mo> − </mo>
<mi>c</mi>
</mrow>
</mfenced>
</mrow>
</msqrt>
</math>
</body>
</html>