Html?

[MaximumRide]

Ugh I need a thread for all my questions.... Anyway is there a way to put html coding in a page content? What I want to put in there is this:

<style>
  .row
   { 
     padding-left:10px;background-color:white;
     font-family: verdana, san-serif;font-size: 13px
   }
</style>
<table align=center style="background-color:#C0C0C0";>
   <tr><td background-color:#C0C0C0 align=center width=300 style="font-family:Times New Roman;"><b>Water Dish</td></tr>
   <tr><td id=add1 class=row width=300 align=center>You might want to fill up the dish...</td></tr>
   <tr><td align=center><input type=button value="Fill Water Dish" border=0 onclick="rotate()"></td></tr>
</table>
<script type="text/javascript">
/< !-- Script by hscripts.com -->/
    var arr= new Array();
    arr.push("One of your pets happily bounds over and laps up the water!");
    arr.push("You fill up the dish, but none of your pets seem to be thirsty.");
    arr.push("Several of your pets rush forwards, causing the water to spill!");
    arr.push("One of your smaller pets decides to sit in the water dish.");
    arr.push("One of your pets laps up the water as you fill it.");
    arr.push("Some pets come over to investigate, but none bother to drink it.");
    arr.push("Oh, your water dish is already full!");
    
    function rotate()
    {
    var num= Math.round(Math.random()*3);
    add(num);
    }

    function add(i)
    {
    var chi = document.createTextNode(arr[i]);
    var tab1 = document.getElementById("add1");
        while(tab1.hasChildNodes())
        {
         tab1.removeChild(tab1.firstChild);
        }
    tab1.appendChild(chi);
    }
</script>