&lt;html&gt;
  &lt;head&gt;
    &lt;style type="text/css"&gt;
      .svgshape {
        shape-rendering: geometricPrecision;
        outline: none;
        fill: #randomcolor1;
        stroke: #randomcolor2;
        stroke-width: 4px;
    }
    body {
        color: #007;
        background: url("pattern.gif");
  }
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body &gt;

    &lt;font size="10" face="Helvetica, sans-serif"&gt;
      &lt;blink&gt;
        &lt;i&gt;Engage with glyphs...&lt;/i&gt; &lt;img src="cryptogram.jpg" width="100" height="100"&gt;
      &lt;/blink&gt;
    &lt;/font&gt;
    &lt;br&gt;&lt;br&gt;
    &lt;marquee direction="left"&gt;...remain obscure...&lt;&lt;img src="maze.jpg" width="200" height="200"&gt;&lt;/marquee&gt;

    &lt;form action="http://www.cryptography.com"&gt;
      &lt;input type="text" name="msg"&gt;
      &lt;input type="submit" value="Submit"&gt;
    &lt;/form&gt;

    &lt;a href="http://www.enigma.com"&gt;
      &lt;img src="enigma.jpg" border="0" alt="enigma"&gt;
    &lt;/a&gt;
      
      &lt;p&gt;
        &lt;svg height="100" width="100" class="svgshape"&gt;
          &lt;path d="M10 20 L30 40 L10 60 Z"/&gt;
        &lt;/svg&gt;
        
        ...weep the veil...
      &lt;/p&gt;

    &lt;p style="line-spaced:3;"&gt;
    Glisten... &lt;img src="twinkling.gif" width="50" height="50"&gt; ...and ponder &lt;img src="question.jpg" width="50" height="50"&gt; 
    &lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;