16
Curtindo um Pagode

Aula03

Embed Size (px)

Citation preview

Page 1: Aula03

Curtindo um Pagode

Page 2: Aula03

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

EXEMPLO NA TELA

Page 4: Aula03

Curtindo um techno house

Page 5: Aula03

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

EXEMPLO NA TELA

Page 7: Aula03

Curtindo um Heavy Metal

Page 8: Aula03

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

EXEMPLO NA TELA

Page 10: Aula03

Curtindo um Hip Hop

Page 11: Aula03

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

EXEMPLO NA TELA

Page 13: Aula03

Curtindo um  Trance

Page 14: Aula03

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

EXEMPLO NA TELA

Page 16: Aula03

DEVER DE CASA

Desenhe Seus Sites