ChillCode
HTML
  1. Wprowadzenie do HTML
  2. Szybki start
  3. Podstawowy dokument HTML
  4. Paragraf
  5. Formatowanie tekstu
  6. Komentarze
  7. Kolory
  8. Atrybuty
  9. Lista
  10. Linki
  11. Obrazy
  12. Tabele
  13. Symbole
  14. Cytaty
  15. Elementy Blokowe
  16. Elementy Liniowe
  17. Klasy oraz Id
  18. Układ strony
  19. Responsywność
  20. Podsumowanie
Strona główna
Blog
O nas
Centrum pomocy
Wsparcie
  1. Wprowadzenie do HTML
  2. Szybki start
  3. Podstawowy dokument HTML
  4. Paragraf
  5. Formatowanie tekstu
  6. Komentarze
  7. Kolory
  8. Atrybuty
  9. Lista
  10. Linki
  11. Obrazy
  12. Tabele
  13. Symbole
  14. Cytaty
  15. Elementy Blokowe
  16. Elementy Liniowe
  17. Klasy oraz Id
  18. Układ strony
  19. Responsywność
  20. Podsumowanie

Szerokość i Wysokość

Szerokość i wysokość obrazu w HTML mogą być ustawione za pomocą atrybutów "width" i "height" w tagu <img>. Szerokość i wysokość mogą być określone w pikselach lub procentach.

Poniższy przykład ustawia szerokość obrazu na 300 pikseli i wysokość na 200 pikseli. 

							
<img src="winter.jpg" width="300" height="200">
Opis obrazu

Poniższy przykład skaluje obraz do 50% oryginalnego rozmiaru. 

							
<img src="winter.jpg" width="50%" height="50%">
Opis obrazu
Notatka

Jeśli określisz szerokość i wysokość w pikselach, obraz będzie miał dokładnie takie wymiary, niezależnie od rozmiaru oryginalnego obrazu. Natomiast jeśli określisz szerokość i wysokość w procentach, obraz będzie skalowany proporcjonalnie.