Cadernos de Informática - Portal do Professor
Cadernos de Informática - Portal do Professor
Cadernos de Informática - Portal do Professor
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