يمكن للصور تحسين مظهر صفحة الويب عن طريق تقسيم النص وإضافة الاهتمام المرئي. الصور المرئية على صفحة الويب هي في الواقع روابط إما صورة داخلية أو بعيدة. بمعنى آخر ، الصور هي ملف آخر ، إما على نفس الخادم مثل صفحة الويب أو خادم بعيد. من أجل وضع صورة داخل صفحة ويب ، يجب أن تخبر المتصفح بمكان البحث عن الصورة. يتم وضع هذه المعلومات في ""مع سمة" src ".
خلق الصورة
إذا كانت صورتك محفوظة على خادم الويب الذي يستضيف صفحة الويب الخاصة بك ، فيمكنك فقط وضع اسم الصورة في العلامة مثل: ومع ذلك ، إذا كانت صورتك موجودة على خادم بعيد ، فيجب عليك وضع رابط للصورة في العلامة مثل:
سواء كنت تستخدم صورة محلية أو بعيدة ، فهناك بعض السمات التي يمكنك استخدامها لمحاذاة صورتك على الصفحة. تُستخدم سمة "المحاذاة" لمحاذاة الصورة أفقيًا. يمكن أن تكون القيم "يمين" أو "يسار" أو مركز. على سبيل المثال ، لوضع صورة بعيدة على الجانب الأيمن من الصفحة ، سيكون كود HTML كما يلي:
تُستخدم سمة "valign" لمحاذاة الصورة عموديًا على الشاشة. يمكن أن تكون القيم "أعلى" و "أسفل" و "مركز". لمحاذاة المثال أعلاه في أعلى الجانب الأيمن من الشاشة ، سيكون الرمز:
سمة أخرى هي سمة "alt". يستخدم هذا لوضع النص حيث يجب أن تكون الصورة إذا كان الزائر يستخدم مستعرض ويب يستند إلى النص ، أو إذا كان الرابط المؤدي إلى الصورة معطلاً. يتم استخدام السمة "alt" بالطريقة التالية:
أخيرًا ، يمكنك جعل صورتك تصبح ارتباطًا تشعبيًا عن طريق إضافة علامة "". يتيح ذلك للزوار النقر فوق الصورة ليتم نقلها إلى صفحة بعيدة أو إلى الصورة نفسها. كود HTML لإنشاء صورة مع ارتباط تشعبي هو:
