Para a utilização de imagens dinamicas é usado a tag <picture> onde utilizamos a tag <source> para as duas primeiras imagens (as que vão ter variação de tamanho no site), o processo para ocorrer o dinamismo é com a ordem da maior imagem(no caso 1000x1000) com a tag <img>, a cima temos a tag <source> com os atributos midia=""
onde determinamos o valor de mudança de estatura, srcset=""
onde se coloca a localização/endereço da imagem e type=""
onde determinamos o tipo de imagem que está sendo trabalhada. As imagens são postas em ordem, de cima pra baixo da menor para a maior, onde a maior se utiliza apenas da tag <img>
O atributo midia=""
Costuma conter min-width, porém por escolha pessoal utilize a max-width, E o conteúdo seria o tamanho da imagem seguinte com a soma de 50px
É possivel utilizar arquivos .mp3
, .ogg
, .wav
, não é recomendado o uso do arquivo .wav
por conta de ser muito pesado, para aplicar o serviço de audio a um site é necessário usar a tag <audio> e </audio>, dentro do elemento audio
, utilizamos o <source> com o atributo src=""
que serve para localizar a mídia e o atributotype=""
para determinar o tipo de audio está sendo utilizado no arquivo em questão. A tag <audio> necessita ter os atributos preload=""
que pode conter:auto(download completo), metadata(download parcial, o recomendado) e none(nem um download). O atributo autoplay
para dar play kk e o atributo controls
para dar o controle de audio, além do atributo loop
que deixa a musica em looping
Os tipos de audio (Formato/type)