Exemplo
Uma imagem com uma altura e largura de 42 pixels:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42"> Tente você mesmo " A height atributo especifica a altura de uma imagem, em pixels.
Dica: Sempre especifique a altura e width atributos para imagens.Se a altura e a largura estiverem definidos, o espaço requerido para a imagem é reservado quando a página é carregada. No entanto, sem estes atributos, o navegador não sabe o tamanho da imagem, e não pode reservar o espaço apropriado para ele. O efeito será que o layout da página vai mudar durante o carregamento (enquanto as imagens carregar).
Dica: Redução de uma grande imagem com a height e width atributos obriga o usuário a baixar a imagem grande (mesmo que pareça pequena na página).Para evitar isso, redimensionar a imagem com um programa antes de usá-lo em uma página.
Suporte a navegadores
| Atributo | |||||
|---|---|---|---|---|---|
| height | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
Em HTML 4.01, a altura pode ser definida em pixels ou em% do elemento que contém. Em HTML5, o valor deve ser em pixels.
Sintaxe
<img height="pixels">
Os valores dos atributos
| Valor | Descrição |
|---|---|
| pixels | A altura em pixels (por exemplo height="100" ) |