Back

HTML For Math in WebTycho - Simple

by Theresa L. Ford on 10-07-2004

This document goes through some very simple HTML codes that will let you beautify your WebTycho Math conferences so everyone will think you know more about things than you really do.

This document contains ONE way to go about the HTML. There are many other things you can do with it and many great tutorials on the web. There are some references at the end.

This shows HTML Codes as you would enter them in WebTycho (make sure you choose HTML before you submit your conference).

HTML Codes are Blue.
Your text is mostly Black.


<P>Everything should be in a paragraph.</P>

<P><PRE>

To line up equations neatly, you can use a preformat code.
This code changes the font to courier, and lets you type the text
exactly as you want it to appear. It is useful for things like:

     a + b     b + a
    ------- = -------
       c         c

Use spaces, not tabs, to line up your math problems.
You could do your ENTIRE answer in between just these codes if you wanted.
Technically, the paragraph code (P) isn't necessary with preformat (PRE),
but it doesn't hurt to have it.
</PRE></P>

<P><PRE>
<I>This is italicized.
Notice that the codes to italicize are nested INSIDE the paragraph codes.</I>
</PRE></P>

<P><PRE>
<b>This paragraph is bold.
Codes are nested INSIDE the paragraph codes.</B>
</PRE></P>

<P><PRE>

<B><I>Bold and italic.
Nested codes must match inside to outside.
First Second Third TEXT Third Second First.</I></B>
</PRE></P>

<P>Black and blue are boring. I want some <FONT COLOR="green">COLOR</FONT>.</P>

<P>Go visit <A HREF="http://www.cattail.nu">My Website</A>.</P>

<P><PRE>

Here's an equation with some decoration.

<FONT COLOR="fuchsia"><I>Solve for all variables.</I></FONT>

<B>Chapter 1.7. Problem #3428.</B>
<FONT COLOR="navy">
     a + b     b + a
    ------- = -------
       c         c

</FONT></PRE></P>
This looks like this:

Here's an equation with some decoration.

Solve for all variables.

Chapter 1.7. Problem #3428.

     a + b     b + a
    ------- = -------
       c         c

<P><PRE>
About those equations, now.  I want some superscripts and subscripts.
This can wreak havoc on your alignment of the problem, so do the problem
layout first, and go back and add the codes for SUP (superscript) and SUB (subscript).

<FONT COLOR="navy">
     a<SUP>2</SUP> + b    b + a<SUP>2</SUP>

    ------- = -------
       c<SUB>1</SUB>        c<SUB>1</SUB>
</FONT></PRE></P>
This looks like this:

About those equations, now.  I want some superscripts and subscripts.
This can wreak havoc on your alignment of the problem, so do the problem
layout first, and go back and add the codes for SUP (superscript) and SUB (subscript).



     a2 + b    b + a2
    ------- = -------
       c1        c1

You must use funny html codes for certain characters to make them appear.
Want This
Character?
Type This in WebTycho HTML
<&lt;
>&gt;
&#8734;
&&amp;
ƒ&fnof;
±&plusmn;
&#8730;

<P><PRE>
<FONT COLOR="fuchsia">
  (-&#8734;,2)U(2,&#8734;)

       <I>for</I>

  &fnof;(x)=   8
        -----
         x-2
</FONT>
</PRE></P>
This looks like this:


  (-∞,2)U(2,∞)

       for

  ƒ(x)=   8
        -----
         x-2


References:

Back