Najlepszy samouczek HTML <img> W 2024 r. W tym samouczku możesz dowiedzieć się Przykłady,Pomoc Browser,definicje i instrukcje Tag,Różnice między HTML 4.01 i HTML5,Różnice między HTML i XHTML,nieruchomość,Właściwości ogólne,Właściwości zdarzenia,Spróbuj - przykład,Powiązane artykuły,
Jak wstawić zdjęcie:
Wszystkie główne przeglądarek obsługuje znacznika <img>.
<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.
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 .
W HTML <img> ma znacznik końcowy.
W XHTML <img> musi być prawidłowo zamknięte.
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 | 规定图像的宽度。 |
<Img> obsługuje HTML właściwości globalnych .
<Img> obsługuje właściwości zdarzeń HTML .
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.
Kurs HTML: HTML Images
Instrukcja HTML DOM: Przedmiot Obrazek