Atributo de altura HTML <img>
Exemplo
Uma imagem com uma altura de 600 pixels e uma largura de 500 pixels:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
O height
atributo especifica a altura de uma imagem, em pixels.
Dica: Sempre especifique os
atributos height
e para imagens. width
Se a altura e a largura forem 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 o espaço apropriado para ela. O efeito será que o layout da página mudará durante o carregamento (enquanto as imagens são carregadas).
Dica: reduzir o tamanho de uma imagem grande com os atributos
height
e width
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 usá-la em uma página.
Suporte ao navegador
Attribute | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Sintaxe
<img height="pixels">
Valores de atributo
Value | Description |
---|---|
pixels | The height in pixels (e.g. height="100") |
❮ Tag HTML <img>