
<HTML><HEAD></HEAD>
<BODY backgroung="">
<SCRIPT language="JavaScript" >
//**********************************************************//
 alert("Press Reset button at first");
//**********************************************************//

function Generate(form){
	var txt="<html><HEAD></HEAD>\r\n";
            txt+="<body>\r\n";
            txt+=code+"\n"+"\r\n";
            txt+="</body></html>";
	    
            form.Text2.value=txt;
           
	}

//**********************************************************//


function AddText(form,order){
	var start_tag="";
	var end_tag="";
        var txt="";
        var bool='y';
var position="";
var top="";
var left="";
var padding="";
var direction="";
var color="";
var strength="";
var freq="";
var phase="";


 //***************** bold *************************************//      
              if(order=='h1'){	
                s_tag.push("<h1>"); 
                e_tag.push("</h1>");
                bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        		
	                    }
 //***************** bold *************************************//      
              if(order=='h2'){	
	        s_tag.push("<h2>"); 
                e_tag.push("</h2>");
                bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        		
	                    }
 //***************** bold *************************************//      
              if(order=='h3'){	
	        s_tag.push("<h3>"); 
                e_tag.push("</h3>");
                bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        		
	                    }
        
 //***************** bold *************************************//      
              if(order=='b'){	
		s_tag.push("<b>"); 
                e_tag.push("</b>");
                bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        		
	                    }

//*********************** italic **********************//
if(order=='i'){		
		s_tag.push("<i>");
                e_tag.push("</i>");
                bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	  	
	}
//***********************************************//
if(order=='br'){s_tag.push("<br>");
                e_tag.push("");
	  	}
//***********************************************//
if(order=='center'){		
		s_tag.push("<center>");
                e_tag.push("</center>");
                bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	  	        	  	
	}
//***********************************************//
if(order=='left'){		
			
		s_tag.push("<div align=left>");
                e_tag.push("</div>");
                bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	 }
//***********************************************//
if(order=='right'){		
			
		s_tag.push("<div align=right>");
                e_tag.push("</div>");
           bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	  	        	  	
	}
//***********************************************//
if(order=='u'){		
			
		s_tag.push("<U>");
                e_tag.push("</U>");
                bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
    	  	}
//***********************************************//
if(order=='shadow'){		
		
                direction=prompt("insert direction","");
                color=prompt("insert color","");        
		s_tag.push("<span STYLE="+'"'+"position: absolute; filter: shadow(direction="+direction+",color="+color+")"+'"'+">");
                e_tag.push("</span>");
                bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	  	        	  	
	}
//***********************************************//
if(order=='glow'){		
	        strength=prompt("insert strength","");
                color=prompt("insert color","");        
		s_tag[i]="<span STYLE="+'"'+"position: absolute; filter: glow(color="+color+",strength="+strength+")"+'"'+">";
                e_tag[i]="</span>";
                i++;
           bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	  	        	  	
	}
//***********************************************//

if(order=='wave'){		
		
            
                freq=prompt("insert freq","");
                phase=prompt("insert phase","");
                strength=prompt("insert strength","");        
		s_tag[i]="<span STYLE="+'"'+"position:absolute; filter:wave(add=0, freq="+freq+", phase="+phase+", strength="+strength+")"+'"'+">";
                e_tag[i]="</span>";
                i++;
           bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	  	        	  	
	}
//***********************************************//


//***********************************************//

if(order=='position'){		
		
            
                top=prompt("insert top","");
                left=prompt("insert left","");
                padding=prompt("insert padding","");
                s_tag[i]="<span STYLE="+'"'+"position: absolute;"+" top: "+top+"; left: "+left+"; padding: "+padding+";"+'"'+">";
                e_tag[i]="</span>";
                i++;
           bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	  	        	  	
	} 

//**************************** font color discuss ***********************************************//
   if(order=='fc'){ st="<SPAN STYLE="+'"'+"color:"; 
                    alert("click your colour from the table "); }   
//***************************************************************************************//
if(order=='bc'){   st="<SPAN STYLE="+'"'+"border-color:";
                   alert("click your colour from the table ");  }    
//******************************************************************************************//
if(order=='bgc'){  st="<SPAN STYLE="+'"'+"background-color:";
                   alert("click your colour from the table ");  }      
//*******************************************************************************************//
                       

              if(order=='00'){		
			
		s_tag[i]=st+"navy;"+'"'+">";	
                e_tag.push("</SPAN>");
                
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	    
                    } 

             

                if(order=='01'){
                  s_tag[i]=st+"pink;"+'"'+">";	
		
                e_tag[i]="</SPAN>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 


 if(order=='02'){
		
		s_tag[i]=st+"#FF1493 ;"+'"'+">";
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 



                if(order=='03'){
		
		s_tag[i]=st+"aqua;"+'"'+">";
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 



                if(order=='04'){		
		s_tag[i]=st+"#A0522D ;"+'"'+">"
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

                


                if(order=='10'){		
	        s_tag[i]=st+"blue;"+'"'+">";
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

             

                if(order=='11'){		
		s_tag[i]=st+"#FF14458;"+'"'+">";
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

                if(order=='12'){		
		s_tag[i]=st+"brike;"+'"'+">";
               e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

                if(order=='13'){		
		s_tag[i]=st+"gold;"+'"'+">";
              e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

                if(order=='14'){		
		s_tag[i]=st+"purple;"+'"'+">";
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    }
 
                if(order=='20'){		
		s_tag[i]=st+"yellow;"+'"'+">";
               e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

             

                if(order=='21'){		
		s_tag[i]=st+"green;"+'"'+">";
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

                if(order=='22'){		
		s_tag[i]=st+"olive;"+'"'+">";
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

                if(order=='23'){		
		s_tag[i]=st+"#D2691C;"+'"'+">";
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

                if(order=='24'){		
		s_tag[i]=st+"#7FFF00;"+'"'+">";
               e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

                if(order=='30'){		
		s_tag[i]=st+"#7FFF00;"+'"'+">";
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

             

                if(order=='31'){		
		s_tag[i]=st+"teal;"+'"'+">";
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

                if(order=='32'){		
		s_tag[i]=st+"orange;"+'"'+">";
               e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

                if(order=='33'){		
		s_tag[i]=st+"#9932144;"+'"'+">";
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

                if(order=='34'){		
		s_tag[i]=st+"#69A920;"+'"'+">";
                e_tag[i]="</span>";
                i++;
                    bool=prompt("Do you want to perform more format(y:yes) or(n:no))","");
        	   
                    } 

               
		
//************************ font face discuss *******************************//	
 if(order=='font'){
		var choice="";
                choice=form.sel1.options.value;

        switch(choice){

                     case "times":
                          s_tag[i]="<font face='Times New Roman'>";
                          e_tag[i]="</font>";
                          i++;
                         bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         break;

	             case "tahoma":
                          s_tag.push("<font face=tahoma>");
                          e_tag.push("</font>");
                          bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                          break;
               

                    case "impact":
                         s_tag[i]="<font face="+'"impact"'+">";
                         e_tag[i]="</font>";
                         i++;
                         bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         break;


                  case "comic":
                 	s_tag[i]="<font face="+'"Comic Sans Ms"'+" >";
                        e_tag[i]="</font>";
                        i++;
                        bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                        break;

                 case "courier":
                      s_tag[i]="<font face="+'"Courier new"'+">";
                      e_tag[i]="</font>";
                      i++;
                      bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                      break;   

                 case "type":
                      s_tag[i]="<tt>";
                      e_tag[i]="</tt>";
                      i++;
                      bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                      break;     
          

                 case "arial":
                      s_tag[i]="<font face=arial>";
                      e_tag[i]="</font>";
                      i++;
                      bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                      break; 

                 case "serif":
                      s_tag[i]="<font face=arial>";
                      e_tag[i]="</font>";
                      i++;
                      bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                      break;  

                case "fantasy":
                      s_tag[i]="<font face=fantasy>";
                      e_tag[i]="</font>";
                      i++;
                      bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                      break;  

                 case "cursive":
                      s_tag[i]="<font face=Cursive>";
                      e_tag[i]="</font>";
                      i++;
                      bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                      break;          
             }
                               
	}
//************************ font face discuss *******************************//	
 if(order=='font_s'){
		var choice="";
                choice=form.sel2.options.value;

                switch(choice){
                          case "1":
                          s_tag[i]="<font size=1>";
                          e_tag[i]="</font>";
                          i++;
                         bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         break;
                          case "2":
                          s_tag[i]="<font size=2>";
                          e_tag[i]="</font>";
                          i++;
                         bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         break;

                          case "3":
                          s_tag[i]="<font size=3>";
                          e_tag[i]="</font>";
                          i++;
                         bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         break;


	             case "4":
                          s_tag[i]="<font size=4>";
                          e_tag[i]="</font>";
                          i++;
                         bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         break;
               

                    case "5":
                         s_tag[i]="<font size=5>";
                         e_tag[i]="</font>";
                         i++;
                         bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         break;


                   case "6":
                 	s_tag.push("<font size=6 >");
                        e_tag.push("</font>");
                        bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                        break;
          

                 case "7":
                      s_tag.push("<font size=7>");
                      e_tag.push("</font>");
                      bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                      break;         
             }
                               
	}	
//*****************  alpha ************************//
if(order=='alpha_11'){		
			
	        s_tag[i]="<span STYLE="+'"'+"position: absolute; filter:alpha(style=1,opacity=0,finishopacity=100)"+'"'+">";
                e_tag[i]="</span>";
                i++;
             bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         	  	
	}
if(order=='alpha_22'){		
			
	        s_tag[i]="<div STYLE="+'"'+"filter:alpha(style=2,opacity=0,finishopacity=100)"+'"'+">";
                e_tag[i]="</div>";
                i++;
             bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         	  	
	}
if(order=='alpha_33'){		
			
	        s_tag[i]="<span STYLE="+'"'+"position: absolute; filter:alpha(style=3,opacity=0,finishopacity=100)"+'"'+">";
                e_tag[i]="</span>";
                i++;
             bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         	  	
	}
//*****************  bordet ************************//
if(order=='border_sol'){		
			
	     s_tag[i]="<span style="+'"'+"border-style:solid;"+'"'+">";
             e_tag[i]="</span>";
             i++;
             bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         	  	
	}

if(order=='border_non'){		
                         s_tag[i]="<span style="+'"'+"border-style:non;"+'"'+">";
                          e_tag[i]="</span>";
                          i++;
                         bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         }

if(order=='border_dbl'){		
                         s_tag[i]="<span style="+'"'+"border-style:double;"+'"'+">";
                          e_tag[i]="</span>";
                          i++;
                         bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         }

if(order=='border_dot'){		
                         s_tag[i]="<span style="+'"'+"border-style:dotted;"+'"'+">";
                          e_tag[i]="</span>";
                          i++;
                         bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         }

 if(order=='border_grv'){		
                         s_tag[i]="<span style="+'"'+"border-style:groove;"+'"'+">";
                          e_tag[i]="</span>";
                          i++;
                         bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         }   

if(order=='border_dash'){		
                         s_tag[i]="<span style="+'"'+"border-style:dashed;"+'"'+">";
                          e_tag[i]="</span>";
                          i++;
                         bool=prompt("Do you want to perform more format(y:yes) or(n:no))",""); 
                         }
	         
                        
            
//*****************************************************************************//
	
            if(bool=='n') {       
                   i--;
                   e_tag.reverse();

                     end_tag=e_tag.join("");
                   start_tag=s_tag.join("");
                                                  
        if(form.colouring.value)	
	the_code+=start_tag+form.colouring.value+end_tag+"\n";

        code+=start_tag+form.colouring.value+end_tag+"\n";

        e_tag=[""];
        s_tag=[""];

     }



}




//***************************************************//

function initialization(form){
        e_tag =new Array();
        s_tag =new Array();
                st="";
                i=0;
                the_code="";	
                code="";
		form.Text2.value="";	
		form.colouring.value="";
                form.radio1.value="";
                form.radio2.value="";
                parent.frames("frame2").document.write("");
TD =new Obj();
                     
               }

//***********************************************************//


function view() {

f = window.open();
f.document.write(form.Text2.value);

}

//*********************************************************//

</SCRIPT>
<body background="DESIGN45.jpg"  >


<FORM  name="form" action="">
<br>
<center><TABLE border=2 id=tab1 width="676">

<TR>
 
    <TD colspan=3 align="middle" height=40 width="664">
       
       <font face="tahoma" color=white><strong>&nbsp;&nbsp;&nbsp;Insert your text here :&nbsp;&nbsp;</strong></fony>
       <INPUT size=60 name="colouring">
      
    </TD>
  <TR>
  
   
  <TR>
    <TD colspan=2 width="489" align=middle >

          <INPUT onclick=AddText(this.form,'h1'); type=button value=Header1> &nbsp;
          <INPUT onclick=AddText(this.form,'h2'); type=button value=Header2> &nbsp;
          <INPUT onclick=AddText(this.form,'h2'); type=button value=Header3> &nbsp;
       <br>
        <p>
          <button onclick=AddText(this.form,'br');><B><font face="tahoma" size=3>&nbsp; Br &nbsp; </font></B></button>&nbsp;

          <button onclick=AddText(this.form,'left'); height=15><img src="left.jpg"></button>&nbsp;
          <button onclick=AddText(this.form,'center'); height=15><img src="center.jpg"></button>&nbsp;
          <button onclick=AddText(this.form,'right'); height=15><img src="right.jpg"></button>&nbsp; 

          <button onclick=AddText(this.form,'b');><B><font face="tahoma" size=3>&nbsp; B &nbsp; </font></B></button>&nbsp;
          <button onclick=AddText(this.form,'i');><strong><i><font face="tahoma" size=3>&nbsp; I &nbsp;</font></i></strong></button>&nbsp;
          <button onclick=AddText(this.form,'u');><b><font face="tahoma" size=3>&nbsp; <u>U</u> &nbsp; </font></b></button>&nbsp;

<br>
<p>
<button onclick=AddText(this.form,'position');><B><font face="tahoma" size=3>&nbsp; Position &nbsp; </font></B></button>&nbsp;
<button onclick=AddText(this.form,'shadow');><B><font face="tahoma" size=3>&nbsp; Shadow &nbsp; </font></B></button>&nbsp;
<button onclick=AddText(this.form,'glow');><B><font face="tahoma" size=3>&nbsp; Glow &nbsp; </font></B></button>&nbsp;
<button onclick=AddText(this.form,'wave');><B><font face="tahoma" size=3>&nbsp; Wave &nbsp; </font></B></button>&nbsp;
          
        
        <br>    
     </TD>


    <TD rowspan=4 width="169">
<table id=TAB border=1 bgcolor="CCCCCC"  cols=4 width=165 height=230 >
<tr><td colspan=5><input type=radio   name=radio1  onclick=AddText(this.form,'fc');> Font colour</td></tr>
<tr><td colspan=5><input type=radio   name=radio1  onclick=AddText(this.form,'bgc');>Background colour</td></tr>
 

 <tr>
<td bgcolor=navy      onclick=AddText(this.form,'00');></td>
<td bgcolor=pink      onclick=AddText(this.form,'01');>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=#FF1493   onclick=AddText(this.form,'02');>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=aqua      onclick=AddText(this.form,'03');>&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=#A0522D   onclick=AddText(this.form,'04');>&nbsp;&nbsp;&nbsp;&nbsp;</td>  
 
  </tr>

  <tr>
<td bgcolor=blue onclick=AddText(this.form,'10');>&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=#FF14458 onclick=AddText(this.form,'11');>&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=brike onclick=AddText(this.form,'12');>&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=gold onclick=AddText(this.form,'13');>&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=purple onclick=AddText(this.form,'14');>&nbsp;&nbsp;&nbsp;&nbsp;</td>

   
  </tr>

  <tr>
<td bgcolor=yellow >&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=green >&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=olive >&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=#D2691C >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=#7FFF00>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>   
  </tr>

  <tr>
<td bgcolor=teal>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=orange >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=#9932144>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=#69A920 >&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=#A052FF >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
   
  </tr>
<tr>
<td bgcolor=#FFFAF0>&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=#FFE4B5>&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=#6614AA>&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=#B0C4DE>&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td bgcolor=#FFA07A>&nbsp;&nbsp;&nbsp;&nbsp;</td>
   
  </tr>

</table>
</TD>


<tr>

<td width="312" colspan=2 align=middle>
<font color=white><b>&nbsp;Border Style :&nbsp;</b>
<input type=radio   name=radio2   value=non   onclick=AddText(this.form,'border_non');>None
<input type=radio   name=radio2   value=dot   onclick=AddText(this.form,'border_dot');>Dotted 
<input type=radio   name=radio2   value=dash   onclick=AddText(this.form,'border_dash');>Dashed
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type=radio   name=radio2   value=sol   onclick=AddText(this.form,'border_sol');>Solid
&nbsp;&nbsp;<input type=radio   name=radio2   value=dbl   onclick=AddText(this.form,'border_dbl');>Double
<input type=radio   name=radio2   value=grv   onclick=AddText(this.form,'border_grv');>Groove

</font>
</td>

</tr>


<tr>

<td width="312" colspan=2 align=middle>
<font color=white><b>&nbsp;Alpha Filter :&nbsp;</b> 
<input type=radio   name=radio3   value=11   onclick=AddText(this.form,'alpha_11');>style 1
<input type=radio   name=radio3   value=22   onclick=AddText(this.form,'alpha_22');>style 2 
<input type=radio   name=radio3   value=33   onclick=AddText(this.form,'alpha_33');>style 3


</font>
</td>

</tr>


<tr>

<td width="312" >
<font color=white><b>&nbsp;Font Family :&nbsp;</b></font>
<select NAME="sel1" onChange="AddText(this.form,'font');"    >
    <option SELECTED=selected  VALUE="times">Times New Roman </option>
    <option VALUE="tahoma">Tahoma </option>
    <option VALUE="impact" AddText(this.form,'10')>Impact </option>
    <option VALUE="courier">Courier new </option>
    <option VALUE="comic">Comic Sans Ms </option>
    <option VALUE="arial">Arial </option>
    <option VALUE="type">Type Writer </option>
    <option VALUE="fantasy">Fantasy </option>
    <option VALUE="serif">Serif </option>
    <option VALUE="cursive">Cursive </option>
    </select>
</td>

<td width="171">
<font color=white ><b>&nbsp;Font Size:&nbsp;</b></font>
<select NAME="sel2" onChange="AddText(this.form,'font_s');"    >
    <option SELECTED=selected VALUE="1">&nbsp; 1 &nbsp; </option>
    <option VALUE="2">&nbsp;2 &nbsp;</option>
    <option VALUE="3" AddText(this.form,'10')>&nbsp;3 &nbsp;</option>
    <option VALUE="4">&nbsp;4 &nbsp;</option>
    <option VALUE="5">&nbsp;5 &nbsp;</option>
    <option VALUE="6">&nbsp;6&nbsp; </option>
    <option VALUE="7">&nbsp;7&nbsp; </option>
    </select>
</td>

</tr>
 

  



   




<tr><td colspan=3 width="664">
    <INPUT onclick=initialization(this.form); type=button value=Reset>
    <INPUT onclick=view() type=button value=View > 
    <INPUT onclick=Generate(this.form); type=button value="  HTML "> 
</td></tr>
<tr><td colspan=3 width="664"><TEXTAREA name=Text2 rows=8 cols=80></TEXTAREA></td></tr>

</TABLE></center>

</FORM>

</BODY></HTML>