### Example 4.3 HTML Template
    <!-- MapServer Template -->
    <html>
    <head>
    <title>MapServer Tutorial</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link type="text/css" rel="stylesheet" href="[root]/ms.css" />
    </head>

    <body bgcolor="#FFFFFF" text="#000000">
    <table align="center" border="0" width="680"><tr>
        <td> <h3 align="center">Example 4.4: MapServer Modes, Revisited</h3>

    <!-- START OF MAPSERVER FORM -->
    <form name="mapserv" method="GET" action="[program]">

    <!-- HIDDEN MAPSERVER CGI VARIABLES -->
      <input type="hidden" name="map" value="[map]">
      <input type="hidden" name="imgext" value="[mapext]">
      <input type="hidden" name="imgxy" value="[center]">
      <input type="hidden" name="root" value="[root]">
      <input type="hidden" name="graphicsroot" value="[graphicsroot]">
      <input type="hidden" name="program" value="[program]">
      <input type="hidden" name="template" value="[template]">

    <table width="600" border="0" align="center">
      <tr>
        <td>
    	<table width="400" border="1" align="center">
    	  <tr>
    	    <td colspan="4">Select Layers:
    <!-- SPECIFY VECTOR LAYERS -->
    	      <input type="checkbox" name="layer" value="states" [states_check]>
                  State Boundaries&nbsp;
                  <input type="checkbox" name="layer" value="hydro" [hydro_check]>
    	      Water Features&nbsp;
    	      <input type="checkbox" name="layer" value="roads" [roads_check]>
    	      Roads<br>

    <!-- SPECIFY RASTER LAYERS -->
    	      Select Background:
    	      <select name="layer">
    		<option value=" " [ _select]>No Background</option>
    		<option value="modis_nasa" [modis_nasa_select]>MODIS NASA WMS Service</option>
    		<option value="modis" [modis_select]>
    		MODIS Surface Reflectance</option>
    	      </select>
    	    </td>
    	  </tr>
    	  <tr>
    	    <td>

    <!-- SPECIFY MAP MODE -->
    	      <div align="center">Map Mode:<br>
    		<select name="mode">
    		  <option value="browse" [browse_select]>Browse</option>
    		</select>
    	      </div>
    	    </td>
    	    <td>
    <!-- FORM SUBMIT BUTTON -->
    	      <div align="center">
    		<input type="submit" name="submit" value="Refresh">
    	      </div>
    	    </td>
    	    <td>
    <!-- ZOOM/PAN CONTROLS -->
    	      <div align="center">Map Control: <br>
    		<select name="zoom">
    		  <option value="4" [zoom_4_select]>Zoom In 4x</option>
    		  <option value="3" [zoom_3_select]>Zoom In 3x</option>
    		  <option value="2" [zoom_2_select]>Zoom In 2x</option>
    		  <option value="0" [zoom_0_select]>Recenter</option>
    		  <option value="-2" [zoom_-2_select]>Zoom Out 2x</option>
    		  <option value="-3" [zoom_-3_select]>Zoom Out 3x</option>
    		  <option value="-4" [zoom_-4_select]>Zoom Out 4x</option>
    		</select>
    	      </div>
    	    </td>
    <!-- REFERENCE AND LEGEND COLUMN -->
    	    <td rowspan="2" valign="top">
    	      <p>Reference:<br>
    	        <!-- alternative to the "ref" image -->
    		<input type="image" name="ref" src="/cgi-bin/mapserv.exe?map=[map]&mapext=[minx]+[miny]+[maxx]+[maxy]&mode=reference" width="155" height="105">
                  </p>
    	      <p>Scalebar:<br>
    		<!-- Alternative to the "scalebar" image -->
                    <img src="[program]?map=[map]&mapext=[minx]+[miny]+[maxx]+[maxy]&mode=scalebar">
                  </p>
    	      <p>Legend:<br>
    		<!-- Alternative to the "legend" image -->
    		<!-- <img src="[legend]"> -->
                    <img src="[program]?map=[map]&layers=[layers]&mapext=[minx]+[miny]+[maxx]+[maxy]&mode=legend">
                  </p>
    	  </td>
    	  </tr>
    	  <tr>
    <!-- DISPLAY THE MAPSERVER-CREATED MAP IMAGE -->
    	    <td colspan="3" align="center" valign="top">
                 <!-- Alternative to the main map image  -->
    	     <input type="image" name="img" src="[program]?map=[map]&mapext=[minx]+[miny]+[maxx]+[maxy]&layers=[layers]&mode=map"
                 width="400" height="300">
    	    </td>
    	  </tr>
    	</table>
        </td>
      </tr>
    </table>
    </form>
          <hr>
          <p>Here's the mapfile:<br>
          <iframe width="100%" src="/tutorial/example4.map"></iframe></p>
          <p>You can view the <a href="/tutorial/example4-4_modes_template.html">HTML Template source code here</a>.</p>
    <hr>
          <p class="Small" align="center"><a href="[root]/example4.map">View the MapFile</a>
      | <a href="[root]/example4-4_template.html">View the HTML Template</a></p>
          </p>
          <hr>
    <p class="Small" align="center"><a href="[root]/section3.html">Back to
      the Section 3</a> | <a href="http://www.mapserver.org/tutorial/">Tutorial home</a> |
      <a href="[root]/section4.html">Back to Section 4</a></p> </td>
      </tr></table>
    </body>
    </html>
    <p></p>
    <hr>
    </td>
    </tr>
    </table>
    </body>
    </html>