Latest web development tutorials

HTML <img>

Przykłady

Jak wstawić zdjęcie:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

Spróbuj »
(Więcej przykładów można znaleźć na dole strony)

Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Wszystkie główne przeglądarek obsługuje znacznika <img>.


definicje i instrukcje Tag

<Img> definiuje obrazów stron HTML.

<Img> posiada dwa wymagane atrybuty: src i alt.

Uwaga: Technicznie, obraz nie zostanie wstawiony do strony HTML, ale link do strony HTML.Rola <img> jest stworzenie obrazu zastępczy odwołuje.

Wskazówka: poprzez zagnieżdżanie <img> w zakładce <a>, dodać do zdjęcia link do innego dokumentu.


Różnice między HTML 4.01 i HTML5

HTML5 nie obsługuje następujące atrybuty: wyrównanie, obramowanie, hspace, longdesc, vSpace.

W HTML 4.01, następujące atrybuty: wyrównanie, obramowanie, hspace, vSpace nieaktualne .


Różnice między HTML i XHTML

W HTML <img> ma znacznik końcowy.

W XHTML <img> musi być prawidłowo zamknięte.


nieruchomość

Nowość: HTML5 nowy obiekt.

属性 描述
align top
bottom
middle
left
right
HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。
alt text 规定图像的替代文本。
border pixels HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。
crossorigin New anonymous
use-credentials
设置图像的跨域属性
height pixels 规定图像的高度。
hspace pixels HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。
ismap ismap 将图像规定为服务器端图像映射。
longdesc URL HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。
src URL 规定显示图像的 URL。
usemap #mapname 将图像定义为客户器端图像映射。
vspace pixels HTML5 不支持。HTML 4.01 已废弃。 规定图像顶部和底部的空白。
width pixels 规定图像的宽度。


Właściwości ogólne

<Img> obsługuje HTML właściwości globalnych .


Właściwości zdarzenia

<Img> obsługuje właściwości zdarzeń HTML .


Przykłady

Spróbuj - przykład

Wstawianie zdjęć z różnych miejsc
Ten przykład pokazuje, jak różne folder lub serwer zdjęć do wyświetlania stron internetowych.

Utwórz link do zdjęcia
Ten przykład pokazuje, jak użyć obrazu jako link.

Tworzenie mapy obrazu
Ten przykład pokazuje, jak tworzyć mapy obrazów z obszarów klikalne. Każdy z tych regionów jest hiperłącze.


Powiązane artykuły

Kurs HTML: HTML Images

Instrukcja HTML DOM: Przedmiot Obrazek