تسمح بنية لغة HTML بإنشاء ارتباطات تشعبية ليس فقط نصية ، بل رسومية أيضًا. بالنسبة لزائر الموقع ، يبدو هذا الرابط كصورة ، وعندما تنقر على الصورة ، تنتقل إلى صفحة ويب أخرى.
تعليمات
الخطوة 1
باستخدام أي محرر رسومات ، قم بتصغير الصورة. يجب ألا يتجاوز حجمها في أي من الإحداثيات 200 بكسل. من الأفضل أن تكون الصورة ذات تخطيط أفقي. يمكن أن يكون هذا ، على سبيل المثال ، زرًا افتراضيًا ، يتم النقش عليه بخط فني. يجب أن يكون تنسيق الصورة واحدًا مما يلي:.jpg
الخطوة 2
قم بتحميل ملف الصورة إلى الخادم في المجلد حيث يوجد ملف HTML. لتنفيذ مثل هذا التنزيل ، يمكنك استخدام واجهة الويب (إذا كانت متوفرة من مزود الاستضافة) أو أي برنامج عميل FTP.
الخطوه 3
ضع مقتطف الشفرة التالي في المكان المطلوب في ملف HTML: ، حيث يكون التعبير بعد عامل التشغيل "href =" هو العنوان الذي يؤدي إليه الارتباط ، و someimage
الخطوة 4
بالنسبة لبعض المستخدمين ، يتم تعطيل عرض الصور في المستعرض. لذلك ، يُنصح بوضع شرح للمكان الذي يؤدي فيه الرابط أسفل الصورة مباشرةً. في هذه الحالة ، قم بتعديل مقتطف الشفرة أعلاه ليبدو كما يلي:
الحشرات المقربة. سيظهر نص توضيحي أسفل الصورة. سيؤدي النقر فوقه أيضًا إلى نقلك إلى الارتباط.
الخطوة الخامسة
بعد تحميل النسخة المحدثة من ملف HTML على الخادم ، افتح الصفحة المقابلة في المتصفح ، ثم تأكد من عرض الصورة وأن الرابط صالح. يجب أن يحدث الانتقال على طوله عند النقر فوق كل من الصورة والنقش التوضيحي الموجود تحتها (إن وجد).
