Student Registration Form in HTML with CSS

Here comes a very pretty Student Registration Form in HTML.

<html>
<head>
<title>Student Registration Form</title>
<style type="text/css">
h3{font-family: Calibri; font-size: 22pt; font-style: normal; font-weight: bold; color:SlateBlue;
text-align: center; text-decoration: underline }
table{font-family: Calibri; color:white; font-size: 11pt; font-style: normal;
text-align:; background-color: SlateBlue; border-collapse: collapse; border: 2px solid navy}
table.inner{border: 0px}
</style>
</head>

<body>
<h3>STUDENT REGISTRATION FORM</h3>
<form action="form.php" method="POST">

<table align="center" cellpadding = "10">

<!----- First Name ---------------------------------------------------------->
<tr>
<td>FIRST NAME</td>
<td><input type="text" name="First_Name" maxlength="30"/>
(max 30 characters a-z and A-Z)
</td>
</tr>

<!----- Last Name ---------------------------------------------------------->
<tr>
<td>LAST NAME</td>
<td><input type="text" name="Last_Name" maxlength="30"/>
(max 30 characters a-z and A-Z)
</td>
</tr>

<!----- Date Of Birth -------------------------------------------------------->
<tr>
<td>DATE OF BIRTH</td>

<td>
<select name="Birthday_day" id="Birthday_Day">
<option value="-1">Day:</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>

<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>

<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>

<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>

<option value="31">31</option>
</select>

<select id="Birthday_Month" name="Birthday_Month">
<option value="-1">Month:</option>
<option value="January">Jan</option>
<option value="February">Feb</option>
<option value="March">Mar</option>
<option value="April">Apr</option>
<option value="May">May</option>
<option value="June">Jun</option>
<option value="July">Jul</option>
<option value="August">Aug</option>
<option value="September">Sep</option>
<option value="October">Oct</option>
<option value="November">Nov</option>
<option value="December">Dec</option>
</select>

<select name="Birthday_Year" id="Birthday_Year">

<option value="-1">Year:</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>

<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>

<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
</select>
</td>
</tr>

<!----- Email Id ---------------------------------------------------------->
<tr>
<td>EMAIL ID</td>
<td><input type="text" name="Email_Id" maxlength="100" /></td>
</tr>

<!----- Mobile Number ---------------------------------------------------------->
<tr>
<td>MOBILE NUMBER</td>
<td>
<input type="text" name="Mobile_Number" maxlength="10" />
(10 digit number)
</td>
</tr>

<!----- Gender ----------------------------------------------------------->
<tr>
<td>GENDER</td>
<td>
Male <input type="radio" name="Gender" value="Male" />
Female <input type="radio" name="Gender" value="Female" />
</td>
</tr>

<!----- Address ---------------------------------------------------------->
<tr>
<td>ADDRESS <br /><br /><br /></td>
<td><textarea name="Address" rows="4" cols="30"></textarea></td>
</tr>

<!----- City ---------------------------------------------------------->
<tr>
<td>CITY</td>
<td><input type="text" name="City" maxlength="30" />
(max 30 characters a-z and A-Z)
</td>
</tr>

<!----- Pin Code ---------------------------------------------------------->
<tr>
<td>PIN CODE</td>
<td><input type="text" name="Pin_Code" maxlength="6" />
(6 digit number)
</td>
</tr>

<!----- State ---------------------------------------------------------->
<tr>
<td>STATE</td>
<td><input type="text" name="State" maxlength="30" />
(max 30 characters a-z and A-Z)
</td>
</tr>

<!----- Country ---------------------------------------------------------->
<tr>
<td>COUNTRY</td>
<td><input type="text" name="Country" value="India" readonly="readonly" /></td>
</tr>

<!----- Hobbies ---------------------------------------------------------->

<tr>
<td>HOBBIES <br /><br /><br /></td>

<td>
Drawing
<input type="checkbox" name="Hobby_Drawing" value="Drawing" />
Singing
<input type="checkbox" name="Hobby_Singing" value="Singing" />
Dancing
<input type="checkbox" name="Hobby_Dancing" value="Dancing" />
Sketching
<input type="checkbox" name="Hobby_Cooking" value="Cooking" />
<br />
Others
<input type="checkbox" name="Hobby_Other" value="Other">
<input type="text" name="Other_Hobby" maxlength="30" />
</td>
</tr>

<!----- Qualification---------------------------------------------------------->
<tr>
<td>QUALIFICATION <br /><br /><br /><br /><br /><br /><br /></td>

<td>
<table class="inner">

<tr>
<td align="center"><b>Sl.No.</b></td>
<td align="center"><b>Examination</b></td>
<td align="center"><b>Board</b></td>
<td align="center"><b>Percentage</b></td>
<td align="center"><b>Year of Passing</b></td>
</tr>

<tr>
<td>1</td>
<td>Class X</td>
<td><input type="text" name="ClassX_Board" maxlength="30" /></td>
<td><input type="text" name="ClassX_Percentage" maxlength="30" /></td>
<td><input type="text" name="ClassX_YrOfPassing" maxlength="30" /></td>
</tr>

<tr>
<td>2</td>
<td>Class XII</td>
<td><input type="text" name="ClassXII_Board" maxlength="30" /></td>
<td><input type="text" name="ClassXII_Percentage" maxlength="30" /></td>
<td><input type="text" name="ClassXII_YrOfPassing" maxlength="30" /></td>
</tr>

<tr>
<td>3</td>
<td>Graduation</td>
<td><input type="text" name="Graduation_Board" maxlength="30" /></td>
<td><input type="text" name="Graduation_Percentage" maxlength="30" /></td>
<td><input type="text" name="Graduation_YrOfPassing" maxlength="30" /></td>
</tr>

<tr>
<td>4</td>
<td>Masters</td>
<td><input type="text" name="Masters_Board" maxlength="30" /></td>
<td><input type="text" name="Masters_Percentage" maxlength="30" /></td>
<td><input type="text" name="Masters_YrOfPassing" maxlength="30" /></td>
</tr>

<tr>
<td></td>
<td></td>
<td align="center">(10 char max)</td>
<td align="center">(upto 2 decimal)</td>
</tr>
</table>

</td>
</tr>

<!----- Course ---------------------------------------------------------->
<tr>
<td>COURSES<br />APPLIED FOR</td>
<td>
BCA
<input type="radio" name="Course_BCA" value="BCA">
B.Com
<input type="radio" name="Course_BCom" value="B.Com">
B.Sc
<input type="radio" name="Course_BSc" value="B.Sc">
B.A
<input type="radio" name="Course_BA" value="B.A">
</td>
</tr>

<!----- Submit and Reset ------------------------------------------------->
<tr>
<td colspan="2" align="center">
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</td>
</tr>
</table>

</form>

</body>
</html>

Here comes a Snapshot..Enjoy. HTML has got its own charm which no other language can give you.

StudentRegistrationForm

Chess Board Using HTML

I was going through some of my old Programs and I got a HTML Markup file creating a very pretty Chess Board.

Here’s the snapshot first for your eyes.

ChessBoardUsingHTML

Complete HTML code below.

<html>
<head>
<title>CHESS</title>
</head>
<body>
<h1 align="center">CHESS BOARD IN HTML</h1>
<br>
<table cellpadding="28" bgcolor="black" align="center">

  <tr>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
   </tr>
  <tr>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
  <tr>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
  <tr>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
  <tr>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
  <tr>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
  <tr>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
  <tr>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="white">&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>

</table>

</body></html>

Hummm No code is small…somebody must have worked to produce that. :D

Ludo Board using HTML

Hi Friends

Check out this Ludo Board made in HTML. 

First I am posting the Snapshot.

Ludo Using HTML

Thats Pretty isn’t it. And shows the power of HTML.

Source Code is here now.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>
<title>Ludo Board using HTML</title>
<style type="text/css">
	/*Style for Table*/

	table,th,td
	{
	border: 1px solid black;
	border-collapse:collapse;
	}
</style>
</head>

<body bgcolor = "white">
<h1 align = "center"><font color = "gray"><b><u>LUDO GAME</u></b></font></h1>
<table border="1" bordercolor="black" bgcolor="white" cellpadding="4" cellspacing="0" width="550" height="550" align = "center">

<!--Outer 3 Sides are created using this Row-->
        <tr>
            <td bgcolor="red"rowspan="17">&nbsp;</td>
            <td bgcolor="blue"colspan="15">&nbsp;</td>
            <td bgcolor="yellow"rowspan="17">&nbsp;</td>
        </tr>

<!--First Row of Ludo Table starts from here-->
        <tr>

            <td bgcolor="blue" colspan="2" rowspan="2">&nbsp;</td>
            <td  bgcolor="white"colspan="2" rowspan="2">&nbsp;</td>
            <td bgcolor="blue" colspan="2" rowspan="2">&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td bgcolor="red"colspan="2"rowspan="2">&nbsp;</td>
            <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
            <td bgcolor="red" colspan="2"rowspan="2">&nbsp;</td>
       </tr>

       <tr>
           <td>&nbsp;</td>
           <td bgcolor="red">&nbsp;</td>
           <td bgcolor="red">&nbsp;</td>
       </tr>

<!--1st Row Completes here-->

<!--2nd Row starts here-->
       <tr>
           <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
           <td bgcolor="blue" colspan="2"rowspan="2">&nbsp;</td>
           <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
           <td>&nbsp;</td>
           <td bgcolor="red">&nbsp;</td>
           <td>&nbsp;</td>
           <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
           <td bgcolor="red"colspan="2"rowspan="2">&nbsp;</td>
           <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
      </tr>

       <tr>
           <td>&nbsp;</td>
		   <td bgcolor="red">&nbsp;</td>
		   <td>&nbsp;</td>
       </tr>

<!--2nd Row ends here-->

<!--3rd row starts here-->
       <tr>
           <td bgcolor="blue"colspan="2"rowspan="2">&nbsp;</td>
           <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
           <td bgcolor="blue"colspan="2"rowspan="2">&nbsp;</td>
           <td>&nbsp;</td>
           <td bgcolor="red">&nbsp;</td>
           <td>&nbsp;</td>
           <td bgcolor="red"colspan="2"rowspan="2">&nbsp;</td>
           <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
           <td bgcolor="red"colspan="2"rowspan="2">&nbsp;</td>
       </tr>

       <tr>
           <td>&nbsp;</td>
           <td bgcolor="red">&nbsp;</td>
           <td >&nbsp;</td>
       </tr>

<!--3rd Row ends here-->

<!--4th row starts here-->
       <tr>
           <td>&nbsp;</td>
           <td bgcolor="blue">&nbsp;</td>
           <td>&nbsp;</td>
           <td>&nbsp;</td>
           <td>&nbsp;</td>
           <td>&nbsp;</td>
           <td align="center" bgcolor="white" rowspan="3" colspan="3"><b>HOME</b></td>
           <td>&nbsp;</td>
           <td>&nbsp;</td>
           <td>&nbsp;</td>
           <td>&nbsp;</td>
           <td>&nbsp;</td>
           <td>&nbsp;</td>
     </tr>
<!--4th row ends here-->

<!--5th row starts here-->
     <tr>
          <td>&nbsp;</td>
          <td bgcolor="blue">&nbsp;</td>
          <td bgcolor="blue">&nbsp;</td>
          <td bgcolor="blue">&nbsp;</td>
          <td bgcolor="blue">&nbsp;</td>
          <td bgcolor="blue">&nbsp;</td>
          <td bgcolor="green">&nbsp;</td>
          <td bgcolor="green">&nbsp;</td>
          <td bgcolor="green">&nbsp;</td>
          <td bgcolor="green">&nbsp;</td>
          <td bgcolor="green">&nbsp;</td>
          <td>&nbsp;</td>
     </tr>

<!--5th row ends here-->

<!--6th row starts here-->
     <tr>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
         <td bgcolor="green">&nbsp;</td>
         <td>&nbsp;</td>
     </tr>
<!--6th row ends here-->

<!--7th row-->
     <tr>
        <td bgcolor="yellow"colspan="2" rowspan="2">&nbsp;</td>
        <td bgcolor="white"colspan="2" rowspan="2">&nbsp;</td>
        <td bgcolor="yellow"colspan="2" rowspan="2">&nbsp;</td>
        <td>&nbsp;</td>
        <td bgcolor="yellow">&nbsp;</td>
        <td>&nbsp;</td>
        <td  bgcolor="green"colspan="2"rowspan="2">&nbsp;</td>
        <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
        <td bgcolor="green"colspan="2"rowspan="2">&nbsp;</td>
    </tr>

     <tr>
         <td>&nbsp;</td>
		 <td bgcolor="yellow">&nbsp;</td>
		 <td>&nbsp;</td>
     </tr>

<!--7th row ends-->

<!--8th row-->
     <tr>
         <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
         <td bgcolor="yellow"colspan="2"rowspan="2">&nbsp;</td>
         <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
         <td>&nbsp;</td>
         <td bgcolor="yellow">&nbsp;</td>
         <td>&nbsp;</td>
         <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
         <td bgcolor="green"colspan="2"rowspan="2">&nbsp;</td>
         <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
     </tr>

	 <tr>
         <td>&nbsp;</td>
		 <td bgcolor="yellow">&nbsp;</td>
		 <td>&nbsp;</td>
     </tr>

<!--8th row ends-->

<!--9th row-->
     <tr>
         <td bgcolor="yellow"colspan="2"rowspan="2">&nbsp;</td>
         <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
         <td bgcolor="yellow"colspan="2"rowspan="2">&nbsp;</td>
         <td bgcolor="yellow">&nbsp;</td>
         <td bgcolor="yellow">&nbsp;</td>
         <td>&nbsp;</td>
         <td bgcolor="green"colspan="2"rowspan="2">&nbsp;</td>
         <td bgcolor="white"colspan="2"rowspan="2">&nbsp;</td>
         <td bgcolor="green"colspan="2"rowspan="2">&nbsp;</td>
     </tr>

      <tr>
          <td>&nbsp;</td>
		  <td>&nbsp;</td>
		  <td>&nbsp;</td>
      </tr>
<!--9th row ends-->

<!--Row for the Fourth side at the bottom-->
       <tr>
           <td bgcolor="green"colspan="15">&nbsp;</td>
       </tr>
</table>

<br><br><br>

</body>
</html>

Periodic Table using HTML

This HTML program displays a Periodic Table. It tests your best HTML skills especially the <table> element and the rowspan and colspan attributes of the <td>element. Different colors are used to highlight the elements in different colors. 

A very basic HTML Program must for any HTML Beginner.

Periodic Table.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Periodic Table</title>
</head>

<body>

   <div align= 'center'>
       <h1> Periodic Table</h1>

      <table cellpadding='6' >
             <tr>
                 <td height=30 width=25 bgcolor="#33FF99"><font size=1>1</font><br><div align="center"><font color="blue">H</font></div></td>
                 <td colspan=16></td>
                 <td height=30 width=25 bgcolor="#FF9966"><font size=1>2</font><br><div align="center"><font color="blue">He</font></div></td>
             </tr>
             <tr>
                 <td height=30 width=25 bgcolor="#FFCC00"><font size=1>3</font><br><div align="center">Li</div></td>
                 <td height=30 width=25 bgcolor="#99FFFF"><font size=1>4</font><br><div align="center">BE</div></td>
                 <td rowspan=2 colspan=10></td>
                 <td height=30 width=25 bgcolor="#33FF66"><font size=1>5</font><br><div align="center">B</div></td>
                 <td height=30 width=25 bgcolor="#33FF66"><font size=1>6</font><br><div align="center">C</div></td>
                 <td height=30 width=25 bgcolor="#33FF66"><font size=1>7</font><br><div align="center"><font color="blue">N</font></div></td>
                 <td height=30 width=25 bgcolor="#33FF66"><font size=1>8</font><br><div align="center"><font color="blue">O</font></div></td>
                 <td height=30 width=25 bgcolor="#FFFF99"><font size=1>9</font><br><div align="center"><font color="blue">F</font></div></td>
                 <td height=30 width=25 bgcolor="#FF9966"><font size=1>10</font><br><div align="center"><font color="blue">Ne</font></div></td>
             </tr>
             <tr>
                 <td height=30 width=25 bgcolor="#FFCC00"><font size=1>11</font><br><div align="center">Na</div></td>
                 <td height=30 width=25 bgcolor="#99FFFF"><font size=1>12</font><br><div align="center">Mg</div></td>

                 <td height=30 width=25 bgcolor="#CC0099"><font size=1>13</font><br><div align="center">Al</div></td>
                 <td height=30 width=25 bgcolor="#33FF66"><font size=1>14</font><br><div align="center">Si</div></td>
                 <td height=30 width=25 bgcolor="#33FF66"><font size=1>15</font><br><div align="center">P</div></td>
                 <td height=30 width=25 bgcolor="#33FF66"><font size=1>16</font><br><div align="center">S</div></td>
                 <td height=30 width=25 bgcolor="#FFFF99"><font size=1>17</font><br><div align="center"><font color="blue">Cl</font></div></td>
                 <td height=30 width=25 bgcolor="#FF9966"><font size=1>18</font><br><div align="center"><font color="blue">Ar</font></div></td>
             </tr>
             <tr>
                 <td height=30 width=25 bgcolor="#FFCC00"><font size=1>19</font><br><div align="center">K</div></td>
                 <td height=30 width=25 bgcolor="#99FFFF"><font size=1>20</font><br><div align="center">Ca</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>21</font><br><div align="center">Sc</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>22</font><br><div align="center">Ti</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>23</font><br><div align="center">V</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>24</font><br><div align="center">Cr</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>25</font><br><div align="center">Mn</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>26</font><br><div align="center">Fe</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>27</font><br><div align="center">Co</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>28</font><br><div align="center">Ni</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>29</font><br><div align="center">Cu</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>30</font><br><div align="center">Zn</div></td>
                 <td height=30 width=25 bgcolor="#CC0099"><font size=1>31</font><br><div align="center">Ga</div></td>
                 <td height=30 width=25 bgcolor="#CC0099"><font size=1>32</font><br><div align="center">Ge</div></td>
                 <td height=30 width=25 bgcolor="#33FF66"><font size=1>33</font><br><div align="center">As</div></td>
                 <td height=30 width=25 bgcolor="#33FF66"><font size=1>34</font><br><div align="center">Se</div></td>
                 <td height=30 width=25 bgcolor="#FFFF99"><font size=1>35</font><br><div align="center"><font color="red">Br</font></div></td>
                 <td height=30 width=25 bgcolor="#FF9966"><font size=1>36</font><br><div align="center"><font color="blue">Kr</font></div></td>
             </tr>
             <tr>
                 <td height=30 width=25 bgcolor="#FFCC00"><font size=1>37</font><br><div align="center">Rb</div></td>
                 <td height=30 width=25 bgcolor="#99FFFF"><font size=1>38</font><br><div align="center">Sr</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>39</font><br><div align="center">Y</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>40</font><br><div align="center">Zr</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>41</font><br><div align="center">Nb</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>42</font><br><div align="center">Mo</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>43</font><br><div align="center"><font color="#CCCCCC">Tc</font></div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>44</font><br><div align="center">Ru</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>45</font><br><div align="center">Rh</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>46</font><br><div align="center">Pd</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>47</font><br><div align="center">Ag</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>48</font><br><div align="center">Cd</div></td>
                 <td height=30 width=25 bgcolor="#CC0099"><font size=1>49</font><br><div align="center">In</div></td>
                 <td height=30 width=25 bgcolor="#CC0099"><font size=1>50</font><br><div align="center">Sn</div></td>
                 <td height=30 width=25 bgcolor="#CC0099"><font size=1>51</font><br><div align="center">Sb</div></td>
                 <td height=30 width=25 bgcolor="#33FF66"><font size=1>52</font><br><div align="center">Te</div></td>
                 <td height=30 width=25 bgcolor="#FFFF99"><font size=1>53</font><br><div align="center">I</div></td>
                 <td height=30 width=25 bgcolor="#FF9966"><font size=1>54</font><br><div align="center"><font color="blue">Xe</font></div></td>
             </tr>
             <tr>
                 <td height=30 width=25 bgcolor="#FFCC00"><font size=1>55</font><br><div align="center"><font color="red">Cs</font></div></td>
                 <td height=30 width=25 bgcolor="#99FFFF"><font size=1>56</font><br><div align="center">Ba</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>57</font><br><div align="center">*La</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>72</font><br><div align="center">Hf</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>73</font><br><div align="center">Ta</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>74</font><br><div align="center">W</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>75</font><br><div align="center">Re</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>76</font><br><div align="center">Os</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>77</font><br><div align="center">Ir</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>78</font><br><div align="center">Pt</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>79</font><br><div align="center">Au</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>80</font><br><div align="center"><font color="red">Hg</font></div></td>
                 <td height=30 width=25 bgcolor="#CC0099"><font size=1>81</font><br><div align="center">Ti</div></td>
                 <td height=30 width=25 bgcolor="#CC0099"><font size=1>82</font><br><div align="center">Pb</div></td>
                 <td height=30 width=25 bgcolor="#CC0099"><font size=1>83</font><br><div align="center">Bi</div></td>
                 <td height=30 width=25 bgcolor="#CC0099"><font size=1>84</font><br><div align="center">Po</div></td>
                 <td height=30 width=25 bgcolor="#FFFF99"><font size=1>85</font><br><div align="center">At</div></td>
                 <td height=30 width=25 bgcolor="#FF9966"><font size=1>86</font><br><div align="center"><font color="blue">Rn</font></div></td>
             </tr>
             <tr>
                 <td height=30 width=25 bgcolor="#FFCC00"><font size=1>87</font><br><div align="center"><font color="red">Fr</font></div></td>
                 <td height=30 width=25 bgcolor="#99FFFF"><font size=1>88</font><br><div align="center">Ra</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>89</font><br><div align="center">+Ac</div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>104</font><br><div align="center"><font color="#CCCCCC">Rf</font></div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>105</font><br><div align="center"><font color="#CCCCCC">Ha</font></div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>106</font><br><div align="center"><font color="#CCCCCC">106</font></div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>107</font><br><div align="center"><font color="#CCCCCC">107</font></div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>108</font><br><div align="center"><font color="#CCCCCC">108</font></div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>109</font><br><div align="center"><font color="#CCCCCC">109</font></div></td>
                 <td height=30 width=25 bgcolor="#6666FF"><font size=1>110</font><br><div align="center"><font color="#CCCCCC">110</font></div></td>
             </tr>
      </table>
      <br>
      * Lanthanide Series  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+ Actinide Series
      <br><br><br>
      <table cellpadding='6'>
             <tr>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>58</font><br><div align="center">Ce</div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>59</font><br><div align="center">Pr</div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>60</font><br><div align="center">Nd</div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>61</font><br><div align="center"><font color="#CCCCCC">Pm</font></div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>62</font><br><div align="center">Sm</div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>63</font><br><div align="center">Eu</div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>64</font><br><div align="center">Gd</div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>65</font><br><div align="center">Tb</div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>66</font><br><div align="center">Dy</div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>67</font><br><div align="center">Ho</div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>68</font><br><div align="center">Er</div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>69</font><br><div align="center">Tm</div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>70</font><br><div align="center">Yb</div></td>
                 <td height=30 width=25 bgcolor="#33CCCC"><font size=1>71</font><br><div align="center">Lu</div></td>
             </tr>
             <tr>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>90</font><br><div align="center">Th</div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>91</font><br><div align="center">Pa</div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>92</font><br><div align="center">U</div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>93</font><br><div align="center"><font color="#CCCCCC">Np</font></div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>94</font><br><div align="center"><font color="#CCCCCC">Pu</font></div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>95</font><br><div align="center"><font color="#CCCCCC">Am</font></div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>96</font><br><div align="center"><font color="#CCCCCC">Cm</font></div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>97</font><br><div align="center"><font color="#CCCCCC">Bk</font></div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>98</font><br><div align="center"><font color="#CCCCCC">Cf</font></div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>99</font><br><div align="center"><font color="#CCCCCC">Es</font></div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>100</font><br><div align="center"><font color="#CCCCCC">Fm</font></div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>101</font><br><div align="center"><font color="#CCCCCC">Md</font></div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>102</font><br><div align="center"><font color="#CCCCCC">No</font></div></td>
              <td height=30 width=25 bgcolor="#33CCCC"><font size=1>103</font><br><div align="center"><font color="#CCCCCC">Lr</font></div></td>
             </tr>
      </table>
      <br>
         <table>
		<tr>
             <th><div align="center"><font color="#9900CC">H-gas</font></div></th>
             <th><div align="center"><font color="black">Li-solid</font></div></th>
             <th><div align="center"><font color="red">Br-liquid</font></div></th>
             <th><div align="center"><font color="#CCCCCC">Tc-synthetic</font></div></th>
</tr>
      <tr>
      <td>
      <table>
             <tr>
                <td height=25 width=25 bgcolor="#33FF99">&nbsp;</td>
                <td><div align="center">Non-Metals</div></td>
             </tr>
      </table>
      </td>
      <td>
      <table>
             <tr>
                <td height=25 width=25 bgcolor="#6666FF">&nbsp;</td>
                <td><div align="center">Transitions Metals</div></td>
             </tr>
      </table>
      </td>
      <td>
      <table>
             <tr>
                <td height=25 width=25 bgcolor="#33CCCC">&nbsp;</td>
                <td><div align="center">Rare Earth Metals</div></td>
             </tr>
      </table>
      </td>
      <td>
      <table>
             <tr>
                <td height=25 width=25 bgcolor="#FFFF99">&nbsp;</td>
                <td><div align="center">Halogens</div></td>
             </tr>
      </table>
      </td>
      </tr>

      <tr>
      <td>
      <table>
             <tr>
                <td height=25 width=25 bgcolor="#FFCC00">&nbsp;</td>
                <td><div align="center">Alkali Metals</div></td>
             </tr>
      </table>
      </td>
      <td>
      <table>
             <tr>
                <td height=25 width=25 bgcolor="#99FFFF">&nbsp;</td>
                <td><div align="center">Alkali Earth Metals</div></td>
             </tr>
      </table>
      </td>
      <td>
      <table>
             <tr>
                <td height=25 width=25 bgcolor="#CC0099">&nbsp;</td>
                <td><div align="center">Other Metals</div></td>
             </tr>
      </table>
      </td>
      <td>
      <table>
             <tr>
                <td width="25" height="25" bgcolor="#FF9966">&nbsp;</td>
                <td><div align="center">Inert Elements</div></td>
             </tr>
      </table>
      </td>
      </tr>
      </table>

</div>

<br/>

<hr/><br/><br/>

</body>
</html>

 Snapshot

PeriodicTable

Different Nation Flags Marquee in HTML

Different Nation Flags Marquee in HTML

This HTML program creates a marquee of flags of different nations. The flags are stored in a directory called “flags” and a image spacer is stored in the directory “images”. A Table of single row is created containing the flags and added as the content inside the HTML <marquee> element.

Flags.html


<html>
<head>
<title>Flags using Marquee</title>
</head>

<body>

<h1>Different Nation Flags Marquee</h1>
<br/>

<marquee scrolldelay="120" bgcolor='white'>
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td width="31" height="25"><img src="flags/india.gif" alt ='India' width="31" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="35"><img src="flags/afghanistan.gif" alt='Afghanistan' width="35" height="21"></td>

                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="33"><img src="flags/armenia.gif"  alt ='Armenia' width="33" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="33"><img src="flags/australia.gif"  alt= 'Australia' width="33" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="31"><img src="flags/bahrain.gif" width="31" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="33"><img src="flags/bangaladesh.gif" width="33" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>

                          <td width="32" height="23"><img src="flags/belgium.gif" width="32" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="34" height="23"><img src="flags/bhutan.gif" width="34" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="34"><img src="flags/brazil.gif" width="34" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="32"><img src="flags/burundi.gif" width="32" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="35" height="23"><img src="flags/canada.gif" width="35" height="21"></td>

                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="35"><img src="flags/china.gif" width="35" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="32"><img src="flags/djibouti.gif" width="32" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="32"><img src="flags/eritrea.gif" width="32" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="40"><img src="flags/ethiopia.gif" width="40" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>

                          <td width="40"><img src="flags/fiji.gif" width="40" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="36"><img src="flags/germany.gif" width="36" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="32"><img src="flags/hongkong.gif" width="32" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="31"><img src="flags/indonesia.gif" width="31" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="36"><img src="flags/iran.gif" width="36" height="21"></td>

                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="35"><img src="flags/ireland.gif" width="35" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="38"><img src="flags/italy.gif" width="38" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="40"><img src="flags/jamaica.gif" width="40" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="31"><img src="flags/japan.gif" width="31" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>

                          <td width="34"><img src="flags/jordan.gif" width="34" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="40"><img src="flags/kazakhstan.gif" width="40" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="33"><img src="flags/kenya.gif" width="33" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="36"><img src="flags/kuwait.gif" width="36" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="40"><img src="flags/liberia.gif" width="40" height="21"></td>

                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="31"><img src="flags/madagascar.gif" width="31" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="40"><img src="flags/malaysia.gif" width="40" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="31"><img src="flags/maldives.gif" width="31" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="32"><img src="flags/mauritus.gif" width="32" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>

                          <td width="40"><img src="flags/mongolia.gif" width="40" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="38"><img src="flags/myanmar.gif" width="38" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="16"><img src="flags/nepal.gif" width="16" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="40"><img src="flags/nigeria.gif" width="40" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="32"><img src="flags/oman.gif" width="32" height="21"></td>

                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="40"><img src="flags/philiphinesss.gif" width="40" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="40"><img src="flags/qater.gif" width="40" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="34"><img src="flags/russia.gif" width="34" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="34"><img src="flags/s_africa.gif" width="34" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>

                          <td width="40"><img src="flags/s_korea.gif" width="40" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="32"><img src="flags/saudi.gif" width="32" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="32"><img src="flags/seychellas.gif" width="32" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="31"><img src="flags/singapore.gif" width="31" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="37"><img src="flags/srilanka.gif" width="37" height="21"></td>

                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="30"><img src="flags/sudan.gif" width="30" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="36"><img src="flags/switzerland.gif" width="36" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="35"><img src="flags/taiwan.gif" width="35" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="36"><img src="flags/tanzania.gif" width="36" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>

                          <td width="35"><img src="flags/thailand.gif" width="35" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="31"><img src="flags/tibet.gif" width="31" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="37"><img src="flags/turkey.gif" width="37" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="36"><img src="flags/uae.gif" width="36" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="31"><img src="flags/uganda.gif" width="31" height="21"></td>

                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="33"><img src="flags/uk.gif" width="33" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="38"><img src="flags/usa.gif" width="38" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="32"><img src="flags/vietnam.gif" width="32" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>
                          <td width="32"><img src="flags/yemen.gif" width="32" height="21"></td>
                          <td width="5"><img src="images/spacer.gif" width="5" height="10"></td>

                        </tr>
                      </table>
</marquee>

<body>

</html>

Snapshot of the o/p

Images of Flags which we have used in this application