Przykład
Obraz o wysokości i szerokości 42 pikseli:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42">
Spróbuj sam " width atrybut określa szerokość obrazu w pikselach.
Wskazówka: Zawsze określić zarówno height i width atrybuty dla obrazów.Jeśli wysokość i szerokość są ustawione, miejsce wymagane dla obrazu jest zarezerwowana, gdy strona jest ładowana. Jednak bez tych atrybutów, przeglądarka nie zna rozmiaru obrazu i nie można zarezerwować odpowiednią przestrzeń do niego. Efekt będzie taki, że układ strony zmienia się w trakcie ładowania (gdy obrazy ładować).
Wskazówka: Downsizing duży obraz o wysokości i szerokości atrybutów zmusza użytkownika do pobrania duży obraz (nawet jeśli to wygląda małe na stronie).Aby tego uniknąć, należy przeskalować obraz z programu przed użyciem go na stronie.
Pomoc Browser
Atrybut | |||||
---|---|---|---|---|---|
width | tak | tak | tak | tak | tak |
Różnice między HTML 4.01 i HTML5
W HTML 4.01, szerokość może być zdefiniowana w pikselach lub w% elementu zawierającego. W HTML5, wartość musi być w pikselach.
Składnia
<img width="pixels">
wartości atrybutów
Wartość | Opis |
---|---|
pixels | Szerokość w pikselach (np width="100" ) |