Quero me matricular
Artigos Alura Lingua

O que são WIDTH e HEIGHT em HTML?

Giovanna Oliveira
Giovanna Oliveira
O que são WIDTH e HEIGHT em HTML? #inset

Hello, there! Quando estamos programando uma página web é comum encontrarmos tags e atributos escritos em inglês que se repetem com muita frequência.

Dois atributos que aparecem em várias linguagens diferentes são width e height. Confira abaixo o que eles significam em inglês para saber como usá-los corretamente sempre que for necessário. Let's go!

O que são WIDTH e HEIGHT em HTML?

WIDTH

A palavra width significa largura em inglês então todas as vezes que você usar o atributo width você estará definindo a largura de alguma coisa. Pode ser a largura de uma imagem, de um vídeo, de um conteúdo embed, de um iframe e por aí vai.

Por padrão, a largura será considerada em pixels, então então se você definir, por exemplo, <img width="200">, você estará definindo que a largura da imagem deve ser de 200 pixels. Mas ela também pode ser definida usando outras variáveis, como porcentagem.

Uma dúvida comum é como pronunciar a palavra width, mas a boa notícia é que nós a pronunciamos da maneira como é escrita, ou seja, "uidth" (lembrando que o "th" no final deve ser pronunciado com a ponta da lígua entre os dentes da frente). Se você quiser ouvir a pronúncia correta, confira no dicionário Forvo clicando aqui.

HEIGHT

Já a palavra height significa altura, e assim como width esse atributo também pode ser usado com algumas tags em HTML, mas dessa vez para definir a altura de um objeto, como uma imagem, um vídeo, um iframe etc.

Ela também é definida em pixels por padrão, então no exemplo anterior nós podemos acrescentar o atributo height e termos <img width="200" height="200"> para uma imagem quadrada de 200 por 200 pixels.

E por último, se você tem dúvidas de como pronunciar a palavra height corretamente, lembre-se que nesse caso as letras "EI" terão uma pronúncia de "AI", ou seja, "hait" (clique aqui para ouvir a pronúncia no Forvo).

Now that you understand this, let's take a look at some examples in English using these words? (Agora que você entende isso, vamos dar uma olhada em alguns exemplos em inglês usando essas palavras?)

Do you remember the last time you used the attributes of width and height? (Você se lembra da última vez que usou os atributos de largura e altura?)

Continue estudando com a gente no nosso artigo "Você conhece o PRINCÍPIO KISS em programação?". See you!

Aproveite e faça nosso teste de nível de inglês. Ou baixe nossa apostila que te ensina como aprender inglês de maneira eficiente!

Quer realmente aprender outras línguas, como inglês e espanhol? Conheça os nossos cursos que reforçam o aprendizado de inglês e espanhol.

Inglês e espanhol online de maneira eficaz!

Escolha um dos planos e tenha acesso aos cursos completos da plataforma

Plano Anual 12x R$40 ou R$480 Quero este plano
Plano Semestral 6x R$50 ou R$300 Quero este plano