يمكنك استخدام سطر واحد من HTML لإضافة صورة قابلة للنقر إلى أي موقع ويب تقريبًا، وكل ما عليك القيام به هو ارتباط صورة ورابط موقع ويب.

كتابة كود HTML

  1. 1 قم بإنشاء ملف HTML. افتح محرر نصوص، وأنشئ ملفًا جديدًا، واحفظ الملف باسم index.html.

      • يمكنك استخدام محرر النصوص المفضل لديك، بما في ذلك برامج تحرير النصوص التي يوفرها Windows مثل Notepad أو تلك التي يوفرها Macintosh مثل TextEdit.
      • إذا كنت تريد استخدام محرر نصوص خصيصًا للاستخدام مع HTML، فقم بتنزيل محرر نص Atom حيث يمكن استخدامه على أنظمة تشغيل Windows و Macintosh و Linux.
      • افتح قائمة التنسيق ثم انقر فوق الخيار “إنشاء نص عادي” قبل البدء في كتابة ملف HTML إذا كنت تستخدم برنامج TextEdit. يضمن هذا الإعداد تحميل ملف HTML بشكل صحيح في مستعرض الإنترنت.
      • معالجات Word مثل Microsoft Word ليست مناسبة لكتابة HTML لأنها تضيف أحرفًا وتنسيقات غير مرئية يمكن أن تفسد ملف HTML بحيث لا يتم عرضه بشكل صحيح في مستعرض الويب.

  2. 2 انسخ والصق كود HTML القياسي. حدد رمز HTML الموضح أدناه وانسخه والصقه في ملف index.html الذي أنشأته.

  3. 3 ابحث عن رابط الصورة. ابحث عن صورة على الإنترنت، ثم انقر عليها بزر الماوس الأيمن وانقر على خيار نسخ الصورة باسمها في متصفح الإنترنت الذي تستخدمه.

      • يسمى الخيار في مستعرضي Internet Explorer و Firefox “نسخ عنوان الصورة”، بينما يستخدم متصفح Chrome “نسخ عنوان URL للصورة” ويستخدم متصفح Safari “نسخ عنوان الصورة”.

  4. 4 أضف ارتباطًا للصورة. انقر واسحب نص “IMAGE URL” باستخدام مؤشر الماوس، ثم استخدم اختصار لوحة المفاتيح CTRL + V للصق عنوان URL للصورة في ملف index.html.

  5. 5 قم بإضافة ارتباط الوجهة. احذف نص “https//en.wikihow.com/DESTINATION URL” في ملف index.html واستبدله بالنص.

      • يمكنك استخدام أي رابط ترغب في وضعه كوجهة للنقر.

  6. 6 احفظ ملف HTML.

  7. 7 افتح ملف HTML في متصفح الويب. انقر بزر الماوس الأيمن فوق ملف index.html وافتحه في متصفح ويب من اختيارك.

      • تأكد من كتابة اسم الملف بشكل صحيح في نافذة محرر النصوص حيث تفتح ملف index.html إذا لم تتمكن من رؤية الصورة بعد فتح المتصفح.
      • إذا رأيت رموز HTML بدلاً من صورة الخلفية بعد فتح المتصفح، فهذا يعني أنك قمت بحفظ index.html كملف نص عادي، وفي هذه الحالة يمكنك محاولة تحرير الملف في محرر نصوص مختلف.

فهم كود HTML

  1. 1 فهم علامة الارتباط التشعبي. يتكون كود HTML من علامات الفتح والإغلاق. يتم استخدام هذه العلامة مع كعلامة افتتاحية و كعلامة إغلاق. تسمى هذه العلامة علامة الارتباط التشعبي وتستخدم لإضافة روابط إلى صفحة ويب. X موارد البحث

    • ال
    • ال تقوم العلامة بتوجيه مستعرض الويب لإغلاق علامة الارتباط التشعبي.
    • إضافة نص بين و تجعل العلامات النص قابلاً للنقر على صفحة ويب، على سبيل المثال يمكنك الكتابة جوجل لإنشاء ارتباط إلى موقع Google.

  2. 2 فهم علامة الصورة. ال العلامة يلتف تلقائيا نفسه. يمكنك اختتامها عن طريق الكتابة أو . X موارد البحث

  3. 3 استخدم هذا الرمز في أي مكان. بمجرد معرفة الرمز، يمكنك استخدام امتداد علامة لإضافة صور قابلة للنقر على أي صفحة ويب يمكنها ترجمة كود HTML.