Sample HTML with WebEQ images
Author: Abby Fox

This is a sample HTML file, written by hand. The equation x' + y2 = zi2 is HTML text but all of the others below are JPEG images, created by WebEq. We can try to make them small for use more-or-less inline like: or offset them as below.

Creating the equations

Some of the above equations were created from the WebEQ Equation Editor, some from the Wizard. The equations which appeared satisfactory when entered directly in the Editor and saved as JPEG were: 2, 3, 5, 6. The others needed work and the images shown here were created in one of two ways:

1. From WebEQ's Editor, using modified MathML. (That is, the equation was entered in the Editor, then saved as MathML. The MathML code was then edited in emacs to fix the problem, opened back up in the Editor, and saved as JPEG)
2. From WebEQ's Wizard, using WebTeX. (That is, the equation was hand-coded into WebTeX, which was then entered in Wizard and saved as JPEG.)

Illustrations of Equation Editor shortcomings

Equation Editor original | Improved version | Issues
|  | Editor does not recognize the ' (single quote) from the keyboard and doesn't include a prime symbol in its palette.
|  | Editor includes the uppercase Pi symbol, but not lowercase. Default appearance of differentials.
|  | Default scaling of integral symbol and parentheses.
|  | Integral scaling, pi again.

WebTeX versions of all equations

      1. $x^{\prime} + y^2 = z_i^2$   (editor can't handle prime symbol)
      2. $-2\ln{|x-2|} + 3\ln{|x-3|} + C$
      4. $\frac{dr}{dt} = \frac{1}{\pi}$ (editor has only uppercase Pi)
      5. $[-1/\sqrt{3},0] \cup [1/\sqrt{3},+\infty]$
      6. $\frac{\cos{x}}{2\sqrt{\sin{x}}}$ (better fonts for function vs. var.)
      7. $A = \displaystyle{ \int_0^1 \frac{\ln{(x+1)}\sqrt{x^2+2x+2}}{x+1} dx}$ (better for dx)
      8. $\frac{1}{2}\displaystyle{\int_0^{\pi/2} \sin^2{3\theta} d\theta} = \frac{\pi}{12}$ (better for dx)

MathML edits (equations 1 and 4)

- MathML for the prime symbol is `′` and making it a superscript improved appearance. Code fragment used:

                 <msup>
                   <mi>x</mi>
                   <mo>′</mo>
                 </msup>

- MathML for lowercase pi is `π` (i.e., change MathML from uppercase: `Π`).
- To force italic font with differentials, use

                  <mi>d</mi>
                  <mi>r</mi>

  rather than

                  <mi>dr</mi>