Örnek
Nasıl bir resim eklemek için:
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
<img> etiketi bir HTML sayfasına bir resim tanımlar.
<img> : etiketi, iki niteliği taşımaktadır src ve alt .
Note: Görüntüler teknik olarak bir HTML sayfası içine sokulmuş değil, görüntüler HTML sayfaları ile bağlantılıdır. <img> etiketi başvurulan görüntü için bir holding boşluk yaratır.
Tip: Başka bir belgeye, sadece yuva bir görüntü bağlamak için <img> içindeki etiketi <a> etiketleri.
Tarayıcı Desteği
| Eleman | |||||
|---|---|---|---|---|---|
| <img> | Evet | Evet | Evet | Evet | Evet |
HTML 4.01 ve HTML5 Arasındaki Farklar
following nitelikler: align, border, hspace ve vspace HTML5'teki desteklenmez.
HTML ve XHTML Arasındaki Farklar
HTML'de <img> etiketi bitiş etiketi yok.
XHTML'de <img> etiketi düzgün kapatılmalıdır.
Nitelikler
= HTML5'teki Yeni.
| nitelik | değer | Açıklama |
|---|---|---|
| align | top bottom middle left right | HTML5 desteklenmez. Çevre unsurlara göre bir görüntü hizalanmasını belirler |
| alt | text | Bir resim için bir alternatif metin belirtir |
| border | pixels | HTML5 desteklenmez. Bir resmin etrafında sınırın genişliğini belirtir |
| crossorigin | anonymous use-credentials | Çapraz kökenli erişime izin, üçüncü taraf sitelerden görüntüler tuval ile kullanılmasına izin ver |
| height | pixels | Bir resmin yüksekliğini belirtir |
| hspace | pixels | HTML5 desteklenmez. Bir resmin sol ve sağ tarafındaki boşluk belirtir |
| ismap | ismap | Bir sunucu tarafı görüntü haritası olarak görüntüyü belirler |
| longdesc | URL | Bir resmin ayrıntılı bilgi için bir URL belirtir |
| src | URL | Bir resmin URL'sini belirtir |
| usemap | #mapname | Bir istemci tarafı görüntü haritası olarak görüntüyü belirler |
| vspace | pixels | HTML5 desteklenmez. Bir görüntünün üst ve altındaki boşlukları belirtir |
| width | pixels | Görüntünün genişliğini belirler |
Küresel Nitelikler
<img> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<img> etiketi de destekler Olay HTML Özellikleri .
it Yourself deneyin - Örnekler
Farklı yerlerden resim ekleme
Nasıl başka bir klasöre veya başka bir web sitesinden resim eklemenize.
Bir görüntünün bir köprü yap
Nasıl bir resim bağlantısı ekleyin.
Görüntü eşlemesi oluşturma
Nasıl tıklanabilir bölgelerin bulunduğu bir resim haritası oluşturmak için. Her bir bölge bir köprüdür.
İlgili Sayfalar
HTML öğretici: HTML Görüntüler
HTML DOM referansı: Görüntü Nesnesi
CSS Eğitimi: Styling Görüntüler
Varsayılan CSS Ayarları
Çoğu tarayıcı gösterecektir <img> aşağıdaki varsayılan değerlerle eleman: