Olá, pessoal.
Como incluir imagens no html?
Tenho imagens retangulares, em posicoes horizontais e verticais, e gostaria de saber a melhor forma de colocá-las no HTML de forma responsiva e acessível? Com width, max-width, height e max-height? Quais unidades posso usar em cada uma delas?
obrigada desde já
Olá, estudante, como vai?
Para incluir imagens no HTML de forma responsiva e acessível, você pode usar a tag <img> e aplicar algumas boas práticas. A responsividade pode ser alcançada com o uso de propriedades CSS como width, max-width, height e max-height que você citou, combinadas com medidas relativas como porcentagem (%), vw (viewport width) e vh (viewport height). Essas unidades permitem que as imagens se ajustem dinamicamente ao tamanho da tela ou do contêiner, garantindo uma boa experiência em diferentes dispositivos. Você pode usar % para largura e altura relativas ao contêiner, vw e vh para dimensões relativas à viewport, e px para valores fixos, se necessário.
Para saber mais:
Sugestão de conteúdo para você mergulhar ainda mais sobre o tema:
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar.
Abraços :)
Olá, Mike! Tudo bem e você?
Tenho imagens que estão nos seguintes formatos: 560 px de largura x 800 px de altura (nesse caso incluiria um height de 100% e um max-height de 800px?) 1500 px de largura x 1000 px de altura (nesse caso incluiria um width de 100% e um max-width de 1500px?)
O que acha?
Abraços e obrigada :)