Exemplu
Cum de a insera o imagine:
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
<img> tag - ul definește o imagine într - o pagină HTML.
<img> tag - ul are două atribute obligatorii: src și alt .
Note: Imaginile nu sunt inserate punct de vedere tehnic într - o pagină HTML, imaginile sunt legate de pagini HTML. <img> tag - ul creează un spațiu care deține pentru imaginea de referință.
Tip: Pentru a lega o imagine într - un alt document, pur și simplu cuib <img> tag - ul in interiorul <a> tag - uri.
Suport pentru browser-
| Element | |||||
|---|---|---|---|---|---|
| <img> | da | da | da | da | da |
Diferențe între HTML 4.01 și HTML5
În following atribute: align, border, hspace si vspace nu sunt acceptate în HTML5.
Diferențe între HTML și XHTML
În HTML <img> tag - ul nu are nici o etichetă de închidere.
În XHTML <img> tag - ul trebuie să fie închise în mod corespunzător.
atribute
= Nou în HTML5.
| Atribut | Valoare | Descriere |
|---|---|---|
| align | top bottom middle left right | Nu sunt acceptate în HTML5. Specifică alinierea unei imagini în conformitate cu elementele din jur |
| alt | text | Specifică un text alternativ pentru o imagine |
| border | pixels | Nu sunt acceptate în HTML5. Specifică lățimea marginii din jurul unei imagini |
| crossorigin | anonymous use-credentials | Permite imagini de la site-uri terțe părți care permit accesul încrucișată de origine pentru a fi utilizat cu panza |
| height | pixels | Specifică înălțimea unei imagini |
| hspace | pixels | Nu sunt acceptate în HTML5. Specifică spațiul liber de pe partea stângă și dreaptă a unei imagini |
| ismap | ismap | Specifică o imagine ca server-side image-map |
| longdesc | URL | Specifică o adresă URL la o descriere detaliată a unei imagini |
| src | URL | Specifică adresa URL a unei imagini |
| usemap | #mapname | Specifică o imagine ca un client-side image-map |
| vspace | pixels | Nu sunt acceptate în HTML5. Specifică spațiul liber pe partea de sus și de jos a unei imagini |
| width | pixels | Specifică lățimea unei imagini |
Atribute globale
<img> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<img> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .
Încearcă-l singur - Exemple
Inserați imagini din diferite locații
Cum de a insera imagini dintr-un alt folder sau pe un alt site web.
Creați un hyperlink al unei imagini
Cum de a adăuga un hyperlink la o imagine.
Creați o hartă imagine
Cum de a crea o hartă imagine, cu regiunile clickable. Fiecare regiune este un hyperlink.
Pagini similare
Tutorial HTML: HTML Imagini
HTML DOM referință: Obiectul Image
CSS Tutorial: Imagini de stilizare
Setări implicit CSS
Cele mai multe browsere va afișa <img> elementul cu următoarele valori implicite: