Imagens e Midias

Para inserir imagens em uma página HTML, você pode usar a tag <img> e definir o atributo src para o caminho da imagem. Você também pode definir o atributo alt para uma descrição alternativa da imagem, que é útil para usuários com deficiência visual ou quando a imagem não pode ser carregada. Aqui está um exemplo básico:

    <img src="caminho/para/imagem.jpg" alt="Descrição da imagem">

Para adicionar legendas ou títulos à imagem, você pode usar as tags <figure> e <figcaption>. A tag <figure> envolve a imagem e a legenda, enquanto a tag <figcaption> contém o texto da legenda. Aqui está um exemplo:

    <figure>
        <img src="caminho/para/imagem.jpg" alt="Descrição da imagem">
        <figcaption>Legenda da imagem</figcaption>
      </figure>

Para inserir vídeos e áudio em uma página HTML, você pode usar as tags <video> e <audio>. Você pode definir os atributos src para o caminho do arquivo de vídeo ou áudio e controls para adicionar controles de reprodução ao elemento. Aqui está um exemplo básico:

    <video src="caminho/para/video.mp4" controls></video>

Você também pode adicionar legendas a um vídeo usando a tag <track>. Aqui está um exemplo:

    <video src="caminho/para/video.mp4" controls>
        <track src="caminho/para/legendas.vtt" kind="subtitles" srclang="en" label="Legendas em inglês">
    </video>

Neste exemplo, a tag <track> define as legendas do vídeo e os atributos kind, srclang e label especificam o tipo, idioma e etiqueta da legenda, respectivamente.

Essas são apenas algumas das técnicas para inserir imagens, vídeos e áudio em uma página HTML. Há muito mais que pode ser feito, dependendo das suas necessidades específicas.