مثال
كيفية إدراج صورة:
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
انها محاولة لنفسك » أكثر "انها محاولة لنفسك" الأمثلة أدناه.
تعريف واستخدام
و <img> وتعرف العلامة صورة في صفحة HTML.
و <img> العلامة اثنين من السمات المطلوبة: src و alt .
ملاحظة: لا يتم إدراج الصور من الناحية الفنية في صفحة HTML، وترتبط الصور إلى صفحات HTML.و <img> العلامة يخلق مساحة القابضة للصورة المشار إليه.
نصيحة: لربط الصورة إلى وثيقة أخرى، ببساطة عش <img> العلامة داخل <a> العلامات.
دعم المتصفح
| العنصر | |||||
|---|---|---|---|---|---|
| <img> | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
الخلافات بين HTML 4.01 و HTML5
و following سمات: align, border, hspace ، و vspace غير معتمدة في HTML5.
الخلافات بين HTML و XHTML
في HTML و <img> العلامة لا يوجد لديه علامة النهاية.
في XHTML و <img> يجب إغلاق هذا الكود بشكل صحيح.
الصفات
= جديد في HTML5.
| السمة | القيمة | وصف |
|---|---|---|
| align | top bottom middle left right | غير معتمدة في HTML5. تحدد محاذاة صورة وفقا لعناصر المحيطة |
| alt | text | يحدد نص بديل للصورة |
| border | pixels | غير معتمدة في HTML5. يحدد عرض الحدود حول صورة |
| crossorigin | anonymous use-credentials | السماح الصور من مواقع الطرف الثالث التي تسمح بالوصول عبر الأصل لاستخدامه مع قماش |
| height | pixels | يحدد ارتفاع الصورة |
| hspace | pixels | غير معتمدة في HTML5. تحدد المسافات على الجانب الأيمن والأيسر من الصورة |
| ismap | ismap | يحدد صورة باعتباره من جانب الخادم صورة خريطة |
| longdesc | URL | تحديد عنوان URL إلى وصف مفصل للصورة |
| src | URL | تحديد عنوان URL لصورة |
| usemap | #mapname | يحدد صورة باعتباره العميل صورة خريطة |
| vspace | pixels | غير معتمدة في HTML5. يحدد بيضاء على أعلى وأسفل صورة |
| width | pixels | يحدد عرض صورة |
السمات العامة
و <img> يدعم أيضا الوسم السمات العامة في HTML .
سمات الحدث
و <img> يدعم أيضا الوسم حدث سمات في HTML .
انها محاولة لنفسك - أمثلة
إدراج الصور من مواقع مختلفة
كيفية إدراج الصور من مجلد آخر أو من موقع آخر.
جعل ارتباط تشعبي من صورة
كيفية إضافة ارتباط تشعبي إلى الصورة.
إنشاء مخطط صورة
كيفية إنشاء مخطط صورة، مع المناطق القابلة للنقر عليها. كل منطقة ارتباط تشعبي.
صفحات ذات صلة
HTML البرنامج التعليمي: صور HTML
HTML DOM إشارة: كائن صورة
CSS دروس: يهذب الصور
الإعدادات الافتراضية CSS
معظم المتصفحات تعرض <img> عنصر مع القيم الافتراضية التالية: