aula03
TRANSCRIPT
![Page 1: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/1.jpg)
Curtindo um Pagode
![Page 2: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/2.jpg)
A Tag que utilizaremos para inserir uma imagem é <img> .Esta etiqueta não possui seu fechamento correspondente e nela temos de especificar obrigatoriamente o paradeiro de nosso arquivo mediante o atributo src (source).
A sintaxe fica então da seguinte forma:
<img src="caminho para o arquivo">
![Page 3: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/3.jpg)
EXEMPLO NA TELA
![Page 4: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/4.jpg)
Curtindo um techno house
![Page 5: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/5.jpg)
Para alinhar uma imagem horizontalmente podemos fazer da mesma forma que o texto, ou seja, utilizando align dentro de uma etiqueta <p> ou <div>. Neste caso, o que incluiremos dentro desta etiqueta será a imagem no lugar do texto:
Este código mostrará a imagem no centro:
<div align="center"><img src="logo.gif"></div>
![Page 6: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/6.jpg)
EXEMPLO NA TELA
![Page 7: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/7.jpg)
Curtindo um Heavy Metal
![Page 8: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/8.jpg)
Background
O atributo background configura o plano de fundo para uma imagem. O valor do atributo é a URL da imagem que você quer usar. Se a imagem é menor do que a janela do navegador, a imagem será repetida até preencher a janela inteira do navegador.<body background="clouds.gif“>
![Page 9: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/9.jpg)
EXEMPLO NA TELA
![Page 10: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/10.jpg)
Curtindo um Hip Hop
![Page 11: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/11.jpg)
Para colocar um link, utilizaremos as etiquetas <a> e </a>. Dentro da etiqueta de abertura devemos especificar o destino do link. Este destino será introduzido sob a forma de atributo, no qual leva o nome href.
A sintaxe geral de um link é portanto da seguinte forma:
<a href="destino">conteúdo</a>
![Page 12: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/12.jpg)
EXEMPLO NA TELA
![Page 13: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/13.jpg)
Curtindo um Trance
![Page 14: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/14.jpg)
Para utilizar marquee, simplesmente colocamos dentro da etiqueta os conteúdos que queremos que se movam, já sejam texto, imagens ou qualquer outro tipo de conteúdo. Algo como isto:
<marquee>texto que se move</marquee>
![Page 15: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/15.jpg)
EXEMPLO NA TELA
![Page 16: Aula03](https://reader036.vdocuments.com.br/reader036/viewer/2022081404/559c1a371a28ab27598b476e/html5/thumbnails/16.jpg)
DEVER DE CASA
Desenhe Seus Sites