Saturday, April 21, 2012

old school HTML table example

3 5
6 9
plus
multiplied by
to the power of
2 4
7 8
is...
?

 
 

The HTML for the table with three tables nested inside of it, given above, is below:

<table>
   <tr>
      <td width="100" align="center">
         <table>
            <tr>
               <td nowrap>
                  <input type="radio" name="one" class="one" value="3">3
               </td>
               <td nowrap>
                  <input type="radio" name="one" class="one" value="5">5
               </td>
            </tr>
            <tr>
               <td nowrap>
                  <input type="radio" name="one" class="one" value="6">6
               </td>
               <td nowrap>
                  <input type="radio" name="one" class="one" value="9">9
               </td>
            </tr>
         </table>
      </td>
      <td>
         <table>
            <tr>
               <td nowrap>
                  <input type="radio" name="act" class="act" value="add">plus
               </td>
            </tr>
            <tr>
               <td nowrap>
                  <input type="radio" name="act" class="act" value="multiply">multiplied by
               </td>
            </tr>
            <tr>
               <td nowrap>
                  <input type="radio" name="act" class="act" value="power">to the power of
               </td>
            </tr>
         </table>
      </td>
      <td width="100" align="center">
         <table>
            <tr>
               <td nowrap>
                  <input type="radio" name="two" class="two" value="2">2
               </td>
               <td nowrap>
                  <input type="radio" name="two" class="two" value="4">4
               </td>
            </tr>
            <tr>
               <td nowrap>
                  <input type="radio" name="two" class="two" value="7">7
               </td>
               <td nowrap>
                  <input type="radio" name="two" class="two" value="8">8
               </td>
            </tr>
         </table>
      </td>
      <td>is...</td>
      <td>
         <div id="equals" style="width: 50px; font-size: 25px;">?</div>
      </td>
   </tr>
</table>

No comments:

Post a Comment