Nesta página eu irei falar sobre as midias que podem ser utilizadas no HTML

Abaixo vemos um exemplo disso... Nele eu utilizei a tag de imagem para adicionar uma imagem ao site.

Uma imagem pode ser colocada á partir da tag de imagem a qual pode ser chamada por <img>

Para adicionarmos a imagem nós primeiro chamamos a tag <img src="diretorio"> é um bom hábito adicionar o alt="" após o src para descrever a imagem, isso é utilizado para acessibilidade e para mostrar um texto ao invés da imagem caso a conexão seja ruim. No final o codigo fica <img src="diretorio" alt=" descrição">

Dentro da tag img também podemos adicionar o width="" e height="" para manipular o tamanho da imagem

Exemplos para tags de video

Utilizando a tag <video></video> nós podemos adicionar um video do nosso diretorio local.

Na tag de video nós adicionamos o width="" e height="" da mesma forma da imagem e em seguida um controls para adicionar os botões de controle do video.

No meio da tag de video nós adicionamos a tag <source> para adicionamos o nosso video. Ele funciona da mesma forma que o img, usamos o src para adicionar o diretorio, mas aqui em video é um bom habito adicionar o tipo de arquivo para que o navegador leia corretamente. No final o codigo fica com algo como:

<video width="pixels" height="pixels" controls>
    <source src="diretorio" type="video/mp4">
</video>
                            
                        

Assim como podemos pegar um video local, também podemos pegar um video do youtube por exemplo.

Nele utilizamos a tag <iframe> que cria uma espécie de instância de página dentro da sua página, depois apenas colocamos o src do video como é no video local por meio de uma embed e desta forma teremos colocado um video externo em nosso site.

Pedaço do codigo:

<iframe width="560" height="315" src="https://www.youtube.com/embed/__QdAxqBi5Y">
        
</iframe>