Tags de Multimídia
Tags HTML de multimídia
<img>
Essa tag não necessita de fechamento, serve para incluir uma imagem ao seu texto. A partir dessa tag, utilizamos o atributo src=" " onde deve ser digitado o local em que a imagem se encontra. Também é muito utilizado em conjunto com o atributo alt " " paradefinir o texto alternativo da imagem.
Por exemplo:
<img src="imagens/imagem1.jpg" alt="imagem 1 da minha página"><video> e <audio>
Essa tag serve para indicar a inserção de um vídeo. Com isso, devemos colocar alguns atributos dentro da tag para poder ativar o controle, a principal dela é o controls. Posteriormente, incluímos a tag <source> com os atributos src e type, ondereceberão o local em que está o vídeo e o tipo do vídeo. É recomendado utilizar mais de um tipo de source do mesmo vídeo, para garantir maior possibilidade de compatibilidade com o navegador. Finalmente, podemos incluir uma mensagem que será renderizada apenas se o navegador do usuário não suportar a tag video.
Vejamos os exemplos a seguir:
<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> A tag <audio> funciona da mesma forma que a tag <video>, portanto, utilizamos atag <source> dentro dela.
Vejamos o exemplo a seguir:
<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><iframe>
Os iframes são muito utilizados na atualidade, servem para incluir recursos de uma outra página nesta página. Vale a pena conferir o exemplo da W3C Schools, pagina de tutorias pertencente ao grupo W3C, a organização atualmente responsável pelos padrões da web. Portanto, para inserir um iframe, basta utilizar a tag com o atributo src. Além disso, é possível incluir um texto dentro do elemento, caso o navegador do usuário não possua suporte para tal.
Vejamos então o exemplo abaixo:
<iframe src="https://www.homehost.com.br">
<p>Seu navegador não possui suporte para iFrames.</p>
</iframe>
No Comments