لا يتم إدراج الصورة مباشرة في النص فقط. يتم إخبار المتصفح باسمه وإعلامه بمكان وكيفية وضعه على الشاشة. للقيام بذلك ، استخدم علامة HTML واحدة. يحدد موقع الكائن الرسومي على صفحة الويب.
إذا كانت العديد من السمات اختيارية للعلامات ، فيجب أن تحتوي علامة img على معلمة واحدة على الأقل - عنوان الصورة. تسمى هذه السمة src:
- - سيعرض هذا ملف goat-j.webp" />
- - باستخدام هذه المعلمة الخاصة بعلامة img ، سيقوم المتصفح بتحميل الصورة المنشورة على الإنترنت على موقع megasellmag.ru.
سمات المحاذاة
لوضع الصور على الصفحة باستخدام HTML ، يتم استخدام علامة img ، والتي تكون سماتها مسؤولة عن وضع الصورة على الصفحة وطبيعة التفاف النص بها.
بشكل افتراضي ، يضع المتصفح الصورة في منتصف الشاشة ، ولا يلتف النص حولها. ستسمح لك علامة img بالتعبير عن عدم موافقتك على المتصفح باستخدام سمة المحاذاة (المحاذاة).
- ستوضع الصورة على الحافة اليسرى للصفحة ، وسيدور النص حولها على اليمين.
سيكون سلوك النص مشابهًا إذا تم وضع الصورة على اليمين (محاذاة=يمين) ، في المنتصف (محاذاة=وسط) ، أعلى (محاذاة=أعلى) ، أسفل(محاذاة=أسفل) والوسط (وسط).
الإعدادات والأحجام
لمنع النص من التسلل إلى الصور ، اكتسبت علامة img سمات خاصة - hspace (هوامش أفقية / أفقية) و vspace (هوامش رأسية / عمودية) ، والتي تحدد مقدار المسافة البادئة للنص من حواف الصور في بكسل.
لن تبتعد الصورة بطاعة عن النص بالمقدار المحدد فحسب ، بل ستبتعد أيضًا عن حافة الصفحة ، لذلك من الأفضل تجنب المسافات البادئة الكبيرة.
الأبعاد الهندسية للصور مهمة للغاية ، وهي ليست مرغوبة فقط ، ولكنها في بعض الأحيان ضرورية ببساطة لتحديد العرض الصحيح للصورة. لهذا ، يتم استخدام سمات العرض (العرض) والارتفاع (الارتفاع) ، والتي يتم تعيين قيمتها بالبكسل أو النسب المئوية.
إذا حددت العرض فقط ، فسيتم تحديد الارتفاع تلقائيًا بالنسب الأصلية. تسمح لك أحجام النسبة المئوية بوضع الصورة في الجزء الأيمن من الصفحة ، بغض النظر عن حجم نافذة المتصفح ، وغالبًا ما تنشأ هذه الحاجة.
خيارات أخرى
تقوم سمة الحدود بتضمين الصورة في إطار بالسمك المحدد ، وهو ما لا يفعله المتصفح افتراضيًا.
يمكن أن يكون للحد أيضًا عرض صفري لا معنى له على ما يبدو (الحدود='0') ، ولكن هذا حتى تصبح الصورة رابطًا ، عندما يحيطها المتصفح تلقائيًا بحد أزرق دون انتظار التعليمات.
بعض المستخدمين غير الصبورين ، الغاضبين من سرعات الإنترنت المنخفضة ، سيعطلون ببساطة عرض الصور. في مثل هذه الحالات ، يتم توفير معلمة alt ، والتي تسمح لك بالدخولالنص البديل الذي سيراه المستخدم في المربع حيث تكون الصورة في عجلة من أمره للتحميل.
إذا لم تعجبك إمكانيات المعلمة alt ، فيمكن أن تقدم علامة img سمة longdesc ، تكون قيمتها عنوان URL للمستند مع وصف أكثر تفصيلاً.
تخبر سمات usemap و ismap المتصفح أن الصورة ستكون صورة تكون فيها الارتباطات التشعبية مناطق منفصلة (خريطة الارتباط) ، فقط معلمة usemap تحدد خريطة التنقل على الخادم ، و ismap - الخريطة الموجودة من جانب العميل
وصف الرابط 1 في الشكل أدناه:
عناصر غريبة
ترشد السمة lowsrc المستعرض إلى تنزيل نسخة (أو بديل آخر) من الصورة الأصلية أولاً بجودة أقل ، وبالتالي ، نسخة "أفتح". يتم توفير هذه الحيلة في حالة انخفاض سرعة الإنترنت للمستخدم. الصورة الاصلية عند الرفع تحل محل "الزائفة".
تستدعي سمة galleryimg للعلامة img لوحة التحكم بالصورة (عند التمرير فوقها) ، مما يسمح لك بفتح مجلد "الصور" الافتراضي وطباعة الصورة أو حفظها أو إرسالها بالبريد الإلكتروني. يمكنك تعطيل اللوحة عن طريق تعيين معلمة galleryimg على no / false ، وتمكينها عن طريق تعيين نعم / صحيح.
في مواصفات HTML5 الجديدة ، تم إهمال عدد من العلامات ببعض المعلمات. على سبيل المثال ، تم إيقاف سمات lowsrc و border و longdesc و name لـ img.
