HTML <img>
Przykłady
Jak wstawić zdjęcie:
Spróbuj »
(Więcej przykładów można znaleźć na dole strony)
Pomoc Browser
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 .
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