Znaczniki HTML/XHTML - <img>
Znacznik <x> służy do wstawienia obrazka na stronę WWW.
Różnice pomiędzy HTML i XHTML:
W HTML ten znacznik nie ma znacznika zamykającego.
W XHTML ten znacznik musi być poprawnie zamknięty.
Atrybuty align, border, hspace i vspace są oznaczone jako niezalecane w HTML 4.01, i są nie wspierane w XHTML 1.0 Strict.
Wskazówka:
Tekst alternatywny podany jako wartość atrybutu alt przez większość przeglądarek jest wyświetlany po zatrzymaniu kursora myszki nad obrazkiem. Wyjątkiem jest tu przeglądarka Firefox która traktuje ten atrybut dokładnie tak jak to jest zapisane w opisie standardu (czyli jako tekst do wyświetlenia w przypadku gdy nie można załadować obrazka), i nie wyświetla go po najechaniu myszką na obrazek. Aby uzyskać ten efekt także w przeglądarce Firefox, użyj atrybutu title (przypisz mu tą samą wartość to atrybutowi alt).
Przykład:
<img src="../webdir.gif" width="101" height="77"
alt="Książka dla Webmastera" title="Książka dla Webmastera" />
DTD w których można korzystać ze znacznika <img>: Strict, Transitional, Frameset. Atrybuty znacznika <img>Wartości w kolumnie "Wym." oznaczają czy atrybut jest wymagany. Wartości w kolumnie DTD oznaczają w których DTD poszczególne atrybuty mogą być używane: S=Strict, T=Transitional, F=Frameset. | Nazwa | Opis | Wym. | DTD |
|---|
| align |
Określa sposób wyrównania obrazka względem otaczającego tekstu. Dozwolone wartości to:
left - wyrównanie do lewej;right - wyrównanie do prawej;top - wyrównanie do góry;middle - wyrównanie do środka;bottom - wyrównanie do dołu.
Niezalecany. Użyj arkusza stylów CSS zamiast niego. | Nie | TF | | alt | Alternatywny tekst to wyświetlenia jeżeli przeglądarka nie może wyświetlić obiektu | Tak | STF | | border | Grubość ramki w pikselach Niezalecany. Użyj arkusza stylów CSS zamiast niego. | Nie | TF | | height | Wysokość elementu w pikselach lub procentach | Nie | STF | | hspace | Margines w poziomie dookoła obiektu (w pikselach) Niezalecany. Użyj arkusza stylów CSS zamiast niego. | Nie | TF | | ismap | Oznacza że obrazek będzie mapą obrazu przetwarzaną na serwerze (server-side) | Nie | STF | | longdesc | Adres URL gdzie znajduje się dłuższy opis zawartości ramki lub obrazka. Możesz podać go dla przeglądarek które nie obsługują ramek lub nie wyświetlają obrazków | Nie | STF | | src | Adres URL pliku który ma zostać pokazany w ramce | Tak | STF | | usemap | Określa nazwę mapy obrazu która ma być użyta po stronie klienta (w przeglądarce) | Nie | STF | | vspace | Margines w pionie dookoła obiektu (w pikselach) Niezalecany. Użyj arkusza stylów CSS zamiast niego. | Nie | TF | | width | Szerokość w pikselach lub procentach | Nie | STF | | Atrybuty standardowe |
|---|
| class | Klasa CSS (lub lista klas) elementu | Nie | STF | | id | Unikalny identyfikator elementu | Nie | STF | | style | Styl elementu (inline) | Nie | STF | | title | Tekst do wyświetlenia jako Tooltip po najechaniu myszką | Nie | STF | | Atrybuty językowe |
|---|
| dir | Kierunek tekstu | Nie | STF | | lang | Kod języka | Nie | STF | | xml:lang | Kod języka (dodatkowy atrybut dla XHTML) | Nie | STF | | Zdarzenia myszy |
|---|
| onclick | Co zrobić po kliknięciu myszą | Nie | STF | | ondblclick | Co zrobić po podwójnym kliknięciu myszą | Nie | STF | | onmousedown | Co zrobić po naciśnięciu klawisza myszy | Nie | STF | | onmousemove | Co zrobić w momencie gdy kursor myszki jest przesuwany | Nie | STF | | onmouseout | Co zrobić gdy kursor myszki opuszcza element | Nie | STF | | onmouseover | Co zrobić gdy kursor myszki najeżdża na element | Nie | STF | | onmouseup | Co zrobić po zwolnieniu klawisza myszki | Nie | STF | | Zdarzenia klawiatury |
|---|
| onkeydown | Co zrobić gdy klawisz zostanie naciśnięty | Nie | STF | | onkeypress | Co zrobić gdy klawisz zostanie naciśnięty i zwolniony | Nie | STF | | onkeyup | Co zrobić gdy klawisz zostanie zwolniony | Nie | STF |
Wykop tą stronę! >>>
Dodaj linka na swojej stronie! Po prostu skopiuj poniższy kod i wklej go na swojej stronie WWW. Gotowy link będzie wyglądał w taki sposób:
Znaczniki HTML/XHTML - <img>
| 
