Najnowsze tutoriale tworzenie stron internetowych
 

HTML <img> Tag


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
crossoriginanonymous
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:

Przykład

img {
    display: inline-block;
}
Spróbuj sam "