Elementos HTML 5 para mídia: imagens, áudio e vídeo.

0



Olá pessoal, sejam bem-vindos ao canal ConhecimentoUP! No vídeo de hoje, vamos falar sobre Elementos HTML 5 para mídia, onde vamos aprender como inserir imagens, áudio e vídeo em nossas páginas web.

Começando pelas imagens, para inserir uma imagem em nossa página, utilizamos a tag <img>. Essa tag possui um atributo obrigatório, que é o src, onde indicamos o caminho para a imagem que queremos exibir. Além disso, podemos utilizar os atributos alt e title para adicionar uma descrição e um título para a imagem, respectivamente.

Já para inserir áudio em nossa página, utilizamos a tag <audio>. Assim como a tag <img>, essa tag possui um atributo src, onde indicamos o caminho para o arquivo de áudio. Podemos também utilizar os atributos controls e autoplay para permitir que o usuário controle a reprodução do áudio e para fazer com que o áudio inicie automaticamente, respectivamente.

E por fim, para inserir vídeo em nossa página, utilizamos a tag <video>. Essa tag também possui um atributo src, onde indicamos o caminho para o arquivo de vídeo. Assim como no caso do áudio, podemos utilizar os atributos controls e autoplay para permitir que o usuário controle a reprodução do vídeo e para fazer com que o vídeo inicie automaticamente, respectivamente.

Além disso, tanto a tag <audio> quanto a tag <video> possuem outros atributos interessantes, como por exemplo o atributo loop, que faz com que a mídia seja reproduzida em loop, e o atributo preload, que determina quando a mídia será carregada.

Bom pessoal, esses são os elementos básicos para inserir mídia em nossas páginas web utilizando HTML 5. Espero que tenham gostado dessa aula e não deixem de se inscrever no canal ConhecimentoUP para mais conteúdo como esse! Até a próxima!




Para ajudar o site a se manter, faça uma doação.


Tags

Postar um comentário

0Comentários
Postar um comentário (0)