أضف صورة- أنشئ صفحة ويب رائعة
صفحات الويب هي مزيج من النصوص ومقاطع الفيديو والصور. تحت كل الصور الجذابة والنصوص الرائعة يكمن عالم HTML. يمكنك إضافة صورة بتنسيق HTML بنفس طريقة إضافة النص.
HTML هي اللغة الرئيسية لإنشاء صفحات الويب. يمكن أن تكون صفحات الويب واضحة وبسيطة حقًا أو قد تحتوي على صورة ممثلتك المفضلة أو عارضة أزياء شهيرة أو ربما تكون نجمتك المفضلة (غمزة)… !!!
لكن كيف تضيف صورة في صفحة HTML هو السؤال. أنت محظوظ ، حيث عليك فقط اتباع هذه الخطوات البسيطة. ولكن قبل أن ننتقل إلى الخطوات الرئيسية ، دعنا أولاً نشرح المصطلحات المختلفة التي تحتاج إلى معرفتها.
في هذه المرحلة لا تقلق بشأن بناء الجملة وأشياء أخرى. سيأتي الوقت لذلك.
هناك وقت مناسب لكل شيء
مصطلحات لإضافة صورة بتنسيق HTML
علامة الصورة ![]()
:بخلاف علامات HTML الأخرى ، لا يلزمك إغلاق علامة التبويب هذه. الله! لماذا لم ينشئ كل برنامج HTML علامات مشابهة لهذه. هذه العلامة بسيطة جدا.
سمة src:كل ما تحبه من برامج المراسلة الفورية و WhatsApp ستفهم على الفور أن src هي المصدر. بكل بساطة هذه السمة تطلب منك مصدر الصورة. لذلك عليك ذكر عنوان url حيث توجد الصورة.
سمة Alt:نعم لقد فهمت ذلك بشكل صحيح. يطلب منك ببساطة إدخال النص البديل للصورة. ماذا لو كان مستخدم صفحة الويب الخاصة بك من دولة من دول العالم الثالث بسرعة صافية تبلغ 90 ثانية. في هذه الحالة ، يكون النص البديل هو النص الذي سيتم عرضه حتى يتم تحميل الصورة. وهو أيضًا ما يسمعه المكفوفون إذا استخدموا قارئ الشاشة. ولا تقلق من أن الأشخاص غير المكفوفين الذين يستخدمون قارئ الشاشة سيسمعون نفس النص.
ارتفاع وعرض الصور:الأمر متروك لك إذا كنت تريد تحديد الارتفاع والعرض بالنسبة للصورة الأصلية أو إذا كنت تريد إدخال الأرقام الخاصة بك بغض النظر عن حجم الصورة الأصلية. آه! أخبرتك يا رئيس سأخبرك عن التركيب وكل شيء. اصبر.
حسنًا ، سنناقش الآن الجزء الممل من بناء الجملة لإدراج الصورة.
بناء الجملة لإضافة صورة في HTML
تسألني ، هل الأمر بهذه البساطة وأقول نعم ، إدراج الصورة في HTML بسيط للغاية. كما ترى أن بناء الجملة في شكل صورة. لذلك إذا كنت تريد نسخ بناء الجملة فلا يمكنك فعل ذلك. كانت نيتي بسيطة أن ترى بناء الجملة وتكتبه بنفسك حتى لا تنساه أبدًا ولن تضطر أبدًا إلى زيارة هذه الصفحة البائسة.
ولكن إذا كنت مصرا على أنني لا أريد أن أتعلم وأنسخ الصق بناء الجملة. لكل ما تبذلونه من كسول الحمار هنا هو بناء الجملة في شكل نصي لإضافة صورة في HTML:
أثناء نسخ لصق الكود أعلاه ، قد يحدث أن تكون الفاصلة المقلوبة بخط مختلف ، وبالتالي قد يقرأها HTML كنص وليس كرمز. لذلك إذا واجهت مشكلة ، فما عليك سوى حذف الفاصلة المقلوبة المزدوجة واحدة تلو الأخرى واكتبها يدويًا ويجب أن يعمل الرمز بشكل جيد.
لا يُحدث الموضع النسبي للسمات المختلفة أي فرق في نتيجة الكود.
إذا كنت ترغب في إضافة صورة موجودة في جهاز الكمبيوتر الخاص بك أو محرك الأقراص المحلي بتنسيق HTML ، فأنت بحاجة إلى تحميلها على الويب. هناك العديد من المواقع حيث يمكنك تحميل صور مجانية
على الرغم من أنه من المستحسن دائمًا تحميل الصورة في الخادم الخاص بك. إذا قمت بتحميل صورة إلى موقع طرف ثالث ، في حالة قيام هذا الموقع بإجراء أي تغييرات على الخادم الخاص به ، فقد تواجه ارتباطًا معطلاً.