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?)
- We need to adjust the width and height of the video player according to the screen size. (Nós precisamos ajustar a largura e a altura do player de vídeo de acordo com o tamanho da tela.)
- It's a good idea to use percentages for width and height to create a responsive layout. (É uma boa ideia usar porcentagens para largura e altura para criar um layout responsivo.)
- The image gallery displays thumbnails with a fixed width and height. (A galeria de imagens exibe miniaturas com largura e altura fixas.)
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!