HTML

كيفية إنشاء زر بسيط للانتقال إلى موقع آخر باستخدام وسم a

إنشاء زر
كُتب بواسطة فراس اللو

مع انتشار مفهوم الشبكات الإجتماعية مثل فيس بوك أو تويتر، أصبح الإنترنت يعتمد وبشكل كبير على مبدأ المُشاركة، فعملية التسويق لأي موقع أصبحت تبدأ من مشاركة محتواه على هذه الشبكات للوصول إلى أكبر شريحة مُمكنة من القُرّاء.

ولأن صفحات الويب مكتوبة بلغة HTML ولا شيء غيرها، فإن هذه اللغة تُوفّر وسم بسيط جدًا لإنشاء الروابط التي وبالضغط عليها يتم الانتقال إلى صفحة ثانية.

  • قُم بإنشاء ملف جديد ويجب أن يكون بلاحقة html أو htm.
  • قُم بكتابة أجزاء الصفحة الأساسية من خلال استخدام وسوم html, head ثم body.
  • داخل وسم المُحتوى body يُمكن كتابة فقرة جديدة باستخدام وسم p.
  • لإنشاء رابط لأي نص يتم استخدام وسم a الذي يأتي بالشكل
    <a> نص الرابط هنا </a>
  • لو كتبت الشيفرة السابقة داخل الصفحة وقُمت بتجربتها تُلاحظ عدم حدوث أي شيء عند الضغط على النص، والسبب في ذلك أنك لم تُحدد الرابط إلى أين يذهب، لذا يجب تعديل الشيفرة السابقة من خلال استخدام صفة href لتحديد إلى أين يتوجه الرابط.
    <a href="http://keefwiki.com"> انتقل إلى موقع كيف ويكي الجديد :)) </a>
  • نُلاحظ أنه لاستخدام الصفة نقوم بكتابتها مع اضافة = بعدها مُباشرةً، والقيمة يجب أن تكون محصورة بين علامتي تنصيص.
  • بحفظ الشيفرة السابقة وتجربتها نجد أن لون النص تغيّر، وبُمجرد الضغط عليه يتم الانتقال مُباشرةً إلى الرابط المُحدد وهو في مثالنا شبكة كيف ويكي.
  • يُمكن استخدام صفة ثانية لتحديد مكان فتح الرابط، حيث يُمكن فتحه في نفس النافذة، نافذة جديدة، داخل النافذة الحالية وغيرها.
  • لتحديد مكان فتح الصفحة نستعين بالصفة target التي تأخذ قيمًا مثل “_blank” لفتح الرابط في صفحة جديدة، أو “_top”، “_parent” أو “_self”, قُم بتجربة القيم السابقة وأخبرنا بالنتيجة التي ظهرت لك.
  • الشكل النهائي للشيفرة يكون
    <html>
        <head>
            <title> كيف برمجة، إنشاء زر بسيط</title>
        </head>
        <body>
            <h1> طريقة إنشاء زر بسيط جداً للانتقال بين المواقع </h1>
            <p>  <a href="http://facebook.com" target="_blank">انتقل إلى فيسبوك </a></p>
            <p> <a href="http://keefwiki.com">انتقل إلى كيف ويكي</a></p>
        </body>
    </html>

بشكل عام كل رابط داخل فيس بوك، تويتر، انستاغرام أو غيرهم من الشبكات الإجتماعية تم تعريفه باستخدم وسم a وهو من أهم الوسوم في هذه اللغة.

عن الكاتب

فراس اللو

مُبرمج ومُطوّر مواقع مُستقل، مُوسس موقع بديل وعضو فريق التحرير في البوابة العربية للأخبار التقنية.

اترك تعليقًا

هذا الموقع يستخدم Akismet للحدّ من التعليقات المزعجة والغير مرغوبة. تعرّف على كيفية معالجة بيانات تعليقك.