O Height, Width e Max-width são três atributos importantes do CSS que nos permitem controlar o tamanho de elementos HTML.
Height
O atributo Height é usado para definir a altura de um elemento HTML. Por exemplo, se quisermos definir a altura de uma imagem como 200px, usaríamos o seguinte código:
<img src="<https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/220px-Cat03.jpg>" height="200px" />
Isso resultaria na seguinte imagem de gatinho:
Width
O atributo Width é usado para definir a largura de um elemento HTML. Por exemplo, se quisermos definir a largura de uma imagem como 200px, usaríamos o seguinte código:
<img src="<https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/220px-Cat03.jpg>" width="200px" />
Isso resultaria na seguinte imagem de gatinho:
Max-width
O atributo Max-width é usado para definir o tamanho máximo de um elemento HTML. Por exemplo, se quisermos definir o tamanho máximo de uma imagem como 200px, usaríamos o seguinte código:
<img src="<https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/220px-Cat03.jpg>" max-width="200px" />
Isso resultaria na seguinte imagem de gatinho:
Como podemos ver, o Height, Width e Max-width são três atributos importantes do CSS que nos permitem controlar o tamanho de elementos HTML.