HTML Images Examples on this page.

HTML Inserting Images
HTML Aligning Images
HTML Floating Images
HTML Image Links
HTML Image Maps


Examples of HTML Inserting Images
<p> An image: <img src="/images/logo.gif" alt="Examplesof Logo"> </p>	An image:



Examples of HTML Aligning Images
<p>An image <img src="/images/logo.gif" alt="ExamplesOf Logo" align="bottom"> with align="bottom".</p> <p>An image <img src="/images/logo.gif" alt="ExamplesOf Logo" align="middle"> with align="middle".</p> <p>An image <img src="/images/logo.gif" alt="ExamplesOf Logo" align="top"> with align="top".</p> <p><b>Tip:</b> align="bottom" is default!</p> <p><img src="/images/logo.gif" alt="ExamplesOf Logo"> An image before the text.</p> <p>An image after the text. <img src="/images/logo.gif" alt="ExamplesOf Logo"></p>	An image with align="bottom". An image with align="middle". An image with align="top". Tip: align="bottom" is default! An image before the text. An image after the text.

Examples of HTML Floating Images
<p> <img src="/images/logo.gif" alt="ExamplesOf Logo" align="left"> The align attribute of this image is set to "left". The image will float to the left of this text. </p> <p> <img src="/images/logo.gif" alt="ExamplesOf Logo" align="right"> The align attribute of the image is set to "right". The image will float to the right of this text. </p>	The align attribute of this image is set to "left". The image will float to the left of this text. The align attribute of the image is set to "right". The image will float to the right of this text.



Examples of HTML Image Links
<p>Create a link of an image: <a href="/"> <img src="/images/text_examples-of.gif" alt="ExamplesOf" > </a> </p> <p>Image without border, but still a link: <a href="/"> <img border="0" src="/images/text_examples-of.gif" alt="ExamplesOf" > </a> </p>	Create a link of an image: Image without border, but still a link:

Examples of HTML Image Maps
<td width="50%"> <p>Click on the <b>Examples</b> word to open main page of the website and </b>Com</b> to open resume page:</p> <img src="/images/logo.gif" usemap="#examplesof"> <map name="examplesof"> <area shape="rect" coords="6, 9, 122, 33" alt="Main Page" href="/" > <area shape="rect" coords="162, 12, 215, 35" alt="Resume Page" href="https:///resume/" > </map>	Click on the Examples word to open main page of the website and Com to open resume page:

Popular Examples

More HTML

HTML Images Examples on this page.

Examples of HTML Inserting Images

Examples of HTML Aligning Images

Examples of HTML Floating Images

Examples of HTML Image Links

Examples of HTML Image Maps