Jak ustawić szerokość i wysokość obrazu za pomocą HTML

Z tego artykułu dowiesz się, jak ustawić wysokość i szerokość obrazu w HTML.

Atrybut "Szerokość" Ustawia szerokość obrazu (w pikselach).
Atrybut wysokości Ustawia wysokość obrazu (w pikselach).
W HTML4.01 Wysokość można ustawić w pikselach lub procentach, aw HTML5 tylko w pikselach.

Kroki

jeden. Otwórz plik kodu HTML. Na przykład otwórz domyślny plik.Html.

Obraz zatytułowany Ustaw szerokość obrazu i wysokość za pomocą HTML Krok 2

2. Dodaj następujący wiersz do kodu HTML.

w Src Określa ścieżkę do pliku graficznego (zdjęcie).

w Alt Wymiary są ustawione.

Obraz zatytułowany Ustaw szerokość obrazu i wysokość za pomocą HTML Krok 3

3. Wymień wartości atrybutów Wysokość i szerokość po prawej. Na przykład: Wysokość ="dziewiętnaście" Szerokość ="dwadzieścia"

Obraz zatytułowany Ustaw szerokość obrazu i wysokość za pomocą HTML Krok 4

cztery. Zapisz plik i otwórz go w dowolnej przeglądarce internetowej. Sprawdź, czy zmienił rozmiar obrazu. Atrybut "Szerokość" jest obsługiwany przez wszystkie główne przeglądarki (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Rada

Zawsze pytaj wysokość i szerokość obrazu. Więc przy załadowaniu strony pod obrazkiem zastrzega sobie miejsce. W przeciwnym razie przeglądarka nie będzie znać rozmiaru obrazu i nie zastrzega miejsca, w wyniku której układ strony zmieni się jako obciążenia strony.
Jeśli rozmiar dużego obrazu jest zmniejszony za pomocą atrybutów wysokości i szerokości, użytkownik załaduje duży obraz (nawet jeśli wydaje się mały na stronie). Dlatego zalecamy najpierw zmienić rozmiar obrazu w edytorze graficznej.