30.07.2013 Views

Cadernos de Informática - Portal do Professor

Cadernos de Informática - Portal do Professor

Cadernos de Informática - Portal do Professor

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

CURSO DE INTRODUÇÃO AO WEBSITE<br />

Secretaria <strong>de</strong> Esta<strong>do</strong> <strong>de</strong> Educação MG<br />

<br />

<br />

<br />

Uma imagem:<br />

<br />

<br />

<br />

Uma imagem animada:<br />

<br />

<br />

<br />

Note que a sintaxe <strong>de</strong> inserção da imagem animada é igual a da<br />

imagem estática. A animação <strong>de</strong>pen<strong>de</strong> apenas da imagem inserida.<br />

<br />

<br />

<br />

Inserir imagens <strong>de</strong> locais diferentes<br />

Este exemplo <strong>de</strong>monstra como inserir imagens <strong>de</strong> outras pastar ou outros servi<strong>do</strong>res<br />

em sua página.<br />

<br />

<br />

<br />

Imagem <strong>de</strong> outra pasta (link):<br />

<br />

<br />

<br />

Uma imagem <strong>de</strong> outro site (hyperlink):<br />

<br />

<br />

<br />

<br />

A tag img e o atributo Src<br />

Em HTML, imagens são <strong>de</strong>finidas com a tag .<br />

A tag é vazia, o que significa que ela contém somente atributos e não possui uma<br />

tag <strong>de</strong> fechamento.<br />

Para exibir uma imagem na página, você precisa usar o atributo src. Src significa "source"<br />

ou origem. O valor <strong>do</strong> atributo src é o URL (en<strong>de</strong>reço) da imagem que você <strong>de</strong>seja<br />

mostrar em sua página.<br />

A sintaxe para <strong>de</strong>finir uma imagem é:<br />

<br />

<strong>Ca<strong>de</strong>rnos</strong> <strong>de</strong> <strong>Informática</strong><br />

37

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!