HTML
A Alma da Internet
Prof. Mauro DuarteProf. Mauro Duarte
28/08/15
Imagens
● A principal tag de imagens é <img> que
precisa do atributo src para funcionar
adequadamente.
● <img src...
28/08/15
Alt
● O atributo alt define um texto alternativo para
a imagem caso ela não possa ser exibida ou
para programas d...
28/08/15
Vídeos
● Uma nova tag do html 5 permite inserção fácil
de vídeos.
● <video>
● <source src="filme.mp4” type=”video...
28/08/15
Vídeos
● Controls adciona controles ao video.
● <video controls=”controls”>
● <source src="filme.mp4” type=”video...
28/08/15
Vídeos
● Vamos tentar??
● http://clips.vorwaerts-gmbh.de/VfE_html5.mp4
●
● http://clips.vorwaerts-gmbh.de/big_buc...
28/08/15
Audio
● Funciona igual a tag video.
● Controls adciona controles ao audio.
● <audio controls>
● <source src="audi...
28/08/15
Audio
● Vamos tentar??
● http://www.w3schools.com/Tags/horse.mp3
●
● http://www.w3schools.com/Tags/horse.ogg
●
28/08/15
Audio
Atributo Valor Descrição
autoplay autoplay Define que o audio começará a ser tocado assim que
ele estiver p...
28/08/15
Audio
Atributo Valor Descrição
autoplay autoplay Define que o audio começará a ser tocado assim que
ele estiver p...
Próximos SlideShares
Carregando em…5
×

7 - Introdução ao desenvolvimento web - mídias

450 visualizações

Publicada em

Introdução ao desenvolvimento web - mídias

Publicada em: Internet
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
450
No SlideShare
0
A partir de incorporações
0
Número de incorporações
13
Ações
Compartilhamentos
0
Downloads
15
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

7 - Introdução ao desenvolvimento web - mídias

  1. 1. HTML A Alma da Internet Prof. Mauro DuarteProf. Mauro Duarte
  2. 2. 28/08/15 Imagens ● A principal tag de imagens é <img> que precisa do atributo src para funcionar adequadamente. ● <img src="smiley.gif"> ● <img src="http://paginax.com/imagens/smiley.gif">
  3. 3. 28/08/15 Alt ● O atributo alt define um texto alternativo para a imagem caso ela não possa ser exibida ou para programas de leitura de tela e acessibilidade ● <img src="smiley.gif" alt="sorriso"> ● <img src="http://paginax.com/imagens/smiley.gif" alt="sorriso">
  4. 4. 28/08/15 Vídeos ● Uma nova tag do html 5 permite inserção fácil de vídeos. ● <video> ● <source src="filme.mp4” type=”video/mp4”> ● Seu navegador não suporta este recurso ● </video>
  5. 5. 28/08/15 Vídeos ● Controls adciona controles ao video. ● <video controls=”controls”> ● <source src="filme.mp4” type=”video/mp4”> ● Seu navegador não suporta este recurso ● </video>
  6. 6. 28/08/15 Vídeos ● Vamos tentar?? ● http://clips.vorwaerts-gmbh.de/VfE_html5.mp4 ● ● http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv
  7. 7. 28/08/15 Audio ● Funciona igual a tag video. ● Controls adciona controles ao audio. ● <audio controls> ● <source src="audio.mp3” type=”audio/mpeg”> ● Seu navegador não suporta este recurso ● </audio>
  8. 8. 28/08/15 Audio ● Vamos tentar?? ● http://www.w3schools.com/Tags/horse.mp3 ● ● http://www.w3schools.com/Tags/horse.ogg ●
  9. 9. 28/08/15 Audio Atributo Valor Descrição autoplay autoplay Define que o audio começará a ser tocado assim que ele estiver pronto. controls controls Os controles serão mostrados. loop loop Define que o audio começará a ser tocado novamente quando terminar. preload preload Define que o audio será carregado enquanto a página é lida. Esse atributo é ignorado caso o atributo autoplay estiver definido. src url URL do arquivo a ser tocado.
  10. 10. 28/08/15 Audio Atributo Valor Descrição autoplay autoplay Define que o audio começará a ser tocado assim que ele estiver pronto. controls controls Os controles serão mostrados. loop loop Define que o audio começará a ser tocado novamente quando terminar. preload preload Define que o audio será carregado enquanto a página é lida. Esse atributo é ignorado caso o atributo autoplay estiver definido. src url URL do arquivo a ser tocado.

×