HTML5 - Elemento img

Imagem com endereço relativo

<img src="imagens/foto.jpg" alt="Fábio tocando trompa" height="300" width="200" />

Imagem com endereço absoluto

<img src="http://flatschart.com/html5/images/foto.jpg" alt="Fábio tocando trompa" height="300" width="200" />

Imagem em um bloco de texto

O trompete é mais agudo da família dos metais e sua origem se perde na história, tumbas egípcias datadas de 3000AC já continham imagens lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse metus purus, pretium sed consectetur ut, posuere vitae metus. Cras a augue augue. Nam aliquet augue at nunc mattis eget sollicitudin libero varius. In mattis lacus sit amet libero egestas nec pharetra tellus imperdiet. Etiam id nulla eros, non accumsan ipsum. Phasellus et diam quam. Mauris imperdiet elementum luctus. Proin dolor lorem, varius eget mattis ac, laoreet et enim. In tincidunt, nulla ut mattis suscipit, orci nisl tincidunt magna, non elementum purus lectus non nulla. Sed in risus massa, sed mattis ante.

<p><img class="bloco" src="imagens/trompete.jpg" alt="Trompete Bb">O trompete é mais agudo da família dos metais e sua origem se perde na história, tumbas egípcias datadas de 3000AC já continham imagens lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse metus purus, pretium sed consectetur ut, posuere vitae metus. Cras a augue augue. Nam aliquet augue at nunc mattis eget sollicitudin libero varius. In mattis lacus sit amet libero egestas nec pharetra tellus imperdiet. Etiam id nulla eros, non accumsan ipsum. Phasellus et diam quam. Mauris imperdiet elementum luctus. Proin dolor lorem, varius eget mattis ac, laoreet et enim. In tincidunt, nulla ut mattis suscipit, orci nisl tincidunt magna, non elementum purus lectus non nulla. Sed in risus massa, sed mattis ante.</p>

Imagem com link

<a href="http://twitter.com/fabioflat" title="Twitter do Autor"><img src="imagens/logo_twitter.jpg" alt="Twitter do Autor"></a>

Estilo aplicado

<style type="text/css">
img {border:none;}
.bloco { margin:0 10px 10px 0; float:left;}
</style>