Enquanto você estava em site, já reparou que nele tinha um vídeo para dar play ou uma imagem aparecendo? Se sim, então você já viu como é em prática uma tag de multímidia, se não, você vai ver agora.
As principais Tags que utilizamos para mexer com multimídia são:
<img>-> têm como função incluir uma imagem dentro da página;
Ex:
<img src = "imagens/he4rt-logo.png" alt = "logo da he4rt">Destrinchando fica:
- src: local de origem da imagem;
- alt: informa o texto alternativo da imagem;
<video>-> têm como função inserir um vídeo;
Ex:
<video controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
Seu navegador não possui suporte para Vídeos.
</video>Destrinchando fica:
- source src -> local de origem do arquivo de vídeo;
- type -> tipo de arquivo;
<audio>-> têm como função inserir um áudio;
Ex:
<audio controls>
<source src="musica.ogg" type="audio/ogg">
<source src="musica.mp3" type="audio/mpeg">
Seu navegador não possui suporte para áudio.
</audio>Destrinchando fica:
- source src -> local de origem do arquivo de áudio;
- type -> tipo de arquivo;
<iframe>-> têm como função incluir recursos de outra página na sua página;
Ex:
<iframe src="https://heartdevs.com/">
<p>Seu navegador não possui suporte para iFrames.</p>
</iframe>Destrinchando fica:
- iframe -> tag do frame;
- src -> local de origem da página a ser exibida;
Tags de Lista <= Anterior | Início | Proximo => Tags de Formulário