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