HTML Tutorials

HTML5 Tutorial : Image Map, Map Tag, recent addition to HTML Coding

Source Code

Result

<a href="http://www.etoro.com/B172_A29387_TClick.aspx" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV7mbkdwFDeYRa4JuUAsgjFdeZq92lbcVzaxPEdBR5ClX6Q9C4-2S4x_3zW-DuIxKcBah4BeUnnG_OMd-SXR6nyrjWa1Vv65pwzAQ_XYY3CACXUVMVw8YavIQAUfjA_LF3pXSunKCH3TbQ/s320/1.jpg" usemap="#forex" width="320" /></a></div><map name="forex"><br /> <area alt="Ava FX" coords="0,0,82,171" href="http://www.avafx.com/?tag=21810" shape="rect"></area><br /> <area alt="InstaForex" coords="90,30,210,100" href="http://instaforex.com/index.php?x=BVPN" shape="rect"></area><br /> <area alt="Ava FX" coords="220,20,320,171" href="http://www.avafx.com/?tag=21810" shape="rect"></area><br /> </map>

HTML5 tag, for Bookmark Me, Bookmark this page, Save as Bookmarks.

Source Code	Result
<a id="bookmarkme" href="#" rel="sidebar" title="bookmark ME">Please Bookmark This Site</a>	Please Bookmark This Site

HTML5 tag, Selection button, label, used for survey, questions, polls etc.

Source Code	Result
<br /> <p>Whom do you like most?</p><form><input type="radio" name="like" id="father" /><br /> <label for="father">Father</label><br /> <br /> <br /> <input type="radio" name="like" id="mother" /><br /> <label for="mother">Mother</label><br /> </form><br />	Whom do you like most? Father Mother

HTML5 tag, Moving image with link, moving banner.

Source Code

Result

<marquee behavior="scroll" direction="right"><a href="http://www.joinaffiliatemarketing.cc.cc" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO92UBV8AELtcFfOutXi3za2qb7ax7AFELhrwmVjrGUcRkR87jw-QO0oRnIYOoWbG_V4Qs51Vi0wGcQa1NOk5A0MbaejcJyIQmUjLZ292if66oy-hSIHJURVRdLYBdh0REdv30a6a6_so/s1600/money.gif" /></a></marquee>

HTML5 tag, Option Tag, Jump to Page,Site Menu.

Source Code

Result

<script language="javascript" type="text/javascript" > <!-- hide function jumpto(x){ if (document.form1.jumpmenu.value != "null") { document.location.href = x } } // end hide --> </script><br /> <form name="form1"><select name="jumpmenu" onchange="jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)"><br /> <option />Select...<br /> <option value="http://www.youriphoneipod.co.cc/" />Homepage<br /> <option value="http://www.youriphoneipod.co.cc/p/iphone.html" />iPhone<br /> <option value="http://www.youriphoneipod.co.cc/p/ipod.html" />iPod<br /> <option value="http://www.youriphoneipod.co.cc/p/iphone-applications.html" />iPhone Apps<br /> <option value="http://www.youriphoneipod.co.cc/p/cell-phone-accessories.html" />Cell Phone & Accessories<br /> <option value="http://www.tkqlhce.com/click-5352879-10832048" />Communicator 2<br /> <option value="http://www.jdoqocy.com/click-5352879-10806789" />Clickatell<br /> </select><br /> </form>

Select... Homepage iPhone iPod iPhone Apps Cell Phone & Accessories Communicator 2 Clickatell

earn money

More HTML Codes Coming soon........