Exemplo
Uma imagem com uma altura e uma largura de 42 pixels:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42">
Tente você mesmo " A width atributo especifica a largura de uma imagem, em pixels.
Dica: Sempre especificar a height 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 atributos de altura e largura 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 | |||||
|---|---|---|---|---|---|
| width | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
Em HTML 4.01, a largura pode ser definida em pixels ou em% do elemento que contém. Em HTML5, o valor deve ser em pixels.
Sintaxe
<img width="pixels">
Os valores dos atributos
| Valor | Descrição |
|---|---|
| pixels | A largura em pixels (por exemplo, width="100" ) |