Defina o comprimento e a largura de uma imagem usando html

Contente

Esta instrução explica como definir a altura e a largura de uma imagem usando HTML (HyperText Markup Language).

  • A `largura` indica a largura de uma imagem em pixels.
  • A `altura` indica a altura de uma imagem em pixels.
  • Em HTML4.01 altura pode ser definida em pixels ou porcentagens. Em HTML5, o valor deve estar em pixels.

Degraus

Imagem intitulada Definir largura e altura da imagem usando HTML Etapa 1
1. Edite o arquivo cuja imagem você deseja mostrar. por exemplo: padrão.html
Imagem intitulada Definir largura e altura da imagem usando HTML Etapa 2
2. Adicione esta linha ao seu script
"Imagem"
src é o caminho do arquivo para sua imagem.
alt é o rótulo que você dá à sua imagem.
Imagem intitulada Definir largura e altura da imagem usando HTML Etapa 3
3. Substituir `altura` e `largura` como você deseja, por exemplo altura="19" largura="20"
Imagem intitulada Definir largura e altura da imagem usando HTML Etapa 4
4. Salve o arquivo e abra o arquivo com qualquer navegador para ver o efeito. O atributo `width` é suportado em todos os principais navegadores, como Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer etc.

Pontas

  • Sempre especifique os atributos de altura e largura para imagens. Se a altura e a largura estiverem definidas, o espaço necessário para a imagem será reservado quando a página for carregada. No entanto, sem esses atributos, o navegador não sabe o tamanho da imagem e não pode reservar um espaço adequado para ela. O efeito disso é que o layout da página muda durante o carregamento (enquanto as imagens estão carregando).
  • Redimensionar uma imagem grande ajustando a altura e a largura força o usuário a baixar a imagem grande (mesmo que pareça pequena na página). Para evitar isso, redimensione a imagem com um programa antes de colocá-la em uma página.

  • Оцените, пожалуйста статью