Przykład
Jak wstawić zdjęcie:
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Spróbuj sam " Więcej "Try it yourself" przykłady poniżej.
Definicja i Wykorzystanie
<img> tag definiuje obraz na stronie HTML.
<img> tag ma dwa wymagane atrybuty: src i alt .
Uwaga: Zdjęcia nie są technicznie wstawiane na stronę HTML, obrazy są połączone do stron HTML.<img> tag tworzy przestrzeń dla gospodarstwa odwołuje obrazu.
Wskazówka: Aby połączyć obraz do innego dokumentu, wystarczy gniazdem <img> tag wewnątrz <a> tagów.
Pomoc Browser
Element | |||||
---|---|---|---|---|---|
<img> | tak | tak | tak | tak | tak |
Różnice między HTML 4.01 i HTML5
Na following atrybuty: align, border, hspace i vspace nie są obsługiwane w HTML5.
Różnice między HTML i XHTML
W przypadku protokołu HTML <img> tag ma znacznik końcowy.
W XHTML <img> tag muszą być prawidłowo zamknięte.
Atrybuty
= Nowe w HTML5.
Atrybut | Wartość | Opis |
---|---|---|
align | top bottom middle left right | Nie jest obsługiwany w HTML5. Określa wyrównanie obrazu w zależności od otaczających elementów |
alt | text | Określa alternatywny tekst dla obrazu |
border | pixels | Nie jest obsługiwany w HTML5. Określa szerokość obramowania wokół obrazu |
crossorigin | anonymous use-credentials | Zezwalaj obrazów z witryn innych firm, które umożliwiają dostęp do cross-origin być używany z płótna |
height | pixels | Określa wysokość obrazu |
hspace | pixels | Nie jest obsługiwany w HTML5. Określa odstępy z lewej i prawej strony obrazu |
ismap | ismap | Określa obraz jako serwer-side-map obrazu |
longdesc | URL | Określa adres URL do szczegółowego opisu obrazka |
src | URL | Określa adres URL obrazu |
usemap | #mapname | Określa obraz jako obrazu po stronie klienta-map |
vspace | pixels | Nie jest obsługiwany w HTML5. Określa odstępy w górnej i dolnej części obrazu |
width | pixels | Określa szerokość obrazu |
Atrybuty globalne
<img> Tag wspiera również globalne Atrybuty w HTML .
Atrybuty Event
<img> tag obsługuje również Event Atrybuty w HTML .
Spróbuj sam - przykłady
Wstawianie obrazów z różnych miejsc
Jak wstawić obrazy z innego folderu lub z innej strony internetowej.
Utwórz hiperłącze obrazu
Jak dodać hiperłącze do obrazu.
Tworzenie mapy obrazu
Jak utworzyć mapę obrazu, z regionami klikalne. Każdy region jest hiperłącze.
Podobne strony
Poradnik HTML: Obrazy w formacie HTML
Odniesienia HTML DOM: Przedmiot Obrazek
CSS: Styling Images
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <img> element z następujących wartości domyślnych: