Atrybut szerokości HTML <img>
Przykład
Obraz o wysokości 600 pikseli i szerokości 500 pikseli:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
widthAtrybut określa szerokość obrazu w pikselach .
Wskazówka: zawsze określaj atrybuty heighti
widthdla obrazów. Jeśli ustawiono wysokość i szerokość, miejsce wymagane na obraz jest zarezerwowane podczas ładowania strony. Jednak bez tych atrybutów przeglądarka nie zna rozmiaru obrazu i nie może zarezerwować dla niego odpowiedniej przestrzeni. Efektem będzie zmiana układu strony podczas ładowania (podczas ładowania obrazów).
Wskazówka: Zmniejszenie rozmiaru dużego obrazu za pomocą atrybutów
heighti widthzmusza użytkownika do pobrania dużego obrazu (nawet jeśli na stronie wygląda on na mały). Aby tego uniknąć, przeskaluj obraz za pomocą programu przed użyciem go na stronie.
Obsługa przeglądarki
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
Składnia
<img width="pixels">
Wartości atrybutów
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
❮ Znacznik HTML <img>