دروس الإتش تي أم أل - Html الوصلات التشعبيه

دروس الإتش تي أم أل - Html الوصلات التشعبيه

الوصلات التشعبية

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

أولا : لإضافة وصلة تشعبية لصفحة أخرى او موقع آخر هنالك رمز معين يجب ان تكتبه وهو التالي :


<a href="https://kasimi1973.ahlamontada.com"> قاسمي نت </a>

والآن ضع عنوان الموقع بين العلامتين" " المبين باللون الازرق واكتب في الفراغ بين الرمزين اسم الرابط الذي تود من الزائر الضغط عليه المبين في اللون الأخضر . كما في المثال التالي


قاسمي نت

هل ترغب بواضع رابط لبريدك كما هو كالتالي:

webmaster@kasimi1973.ahlamontada.com و ترغب أن يظهر هذا الإرتباط على الصفحة بإسم ... راسلني ... كما هو في المثال التالي راسلني كل ما عليك القيام به هو كتابة الرمز التالي :


<a href="webmaster@kasimi1973.ahlamontada.com"> راسلني</a>

وحتى الآن عرفت كيفية إضافة الرابط سواء لموقع او صفحة او بريد إلكتروني .


ثالثا: لإضافة وصلة تشعبية لصفحة او موقع او بريد إلكتروني وذلك عن طريق الضغط أو النقر على صورة

بالطبع ربما لاحظت انه في بعض المواقع حينما تضغط على صورة فإنها تذهب بك الى موقع آخر او يظهر لك البريد لصاحب الموقع . وربما أردت في موقعك أن تضيف صورة لتكون مثل إشارة المرور التي تخبر الزائر بالضغط عليها لترسله لموقع آخر،وهكذا سوف تتعلم الان كيفية فعل ذلك . كل ما عليك فعله هو كتابة العنوان الذي تريد من الزائر الانتقال إليه في المكان المخصص للعنوان ، وتكتب الملف الذي توجد فيه الصورة في نفس المكان الذي كتبته سابقا المخصص للعبارة التي سوف يضغط وينقر عليها الزائر . ربما لم تقتنع بكلامي كثيرا ، لذلك إليك هذا المثال التالي الذي يسهل عليك فهم الأمر :


يمكنك فعل ذلك بنفس طريقة المثال السابق و لكن بدل ان تكتب كلمة راسلني, استخدم الرمز الخاص باضافة الصورة <img>

وتستطيع التحكم في عرض وطول الصورة كما بينت لك في الدروس السابقة .

رابعا:إضافة وصلة تشعبية تنقلك إلى بداية او نهاية الصفحة او أي فقرة تختارها

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


!+أحمر!......!-أحمر!

مضافا إليه الخاصية !+أحمر!NAME!-أحمر! والآن هيا لنبدأ العمل معا ، فلنختار معا فقرة لكي نصل إليها عند كتابة وصلة خاصة لها ، ما رأيك في بداية الصفحة ، إذن فسوف نعمل معا الان وصلة لكي تنقلنا مباشرة الى بداية الصفحة. إذن نختار أول كلمة من بداية الفقرة الأولى ونضعها بين الوسمين التاليين بهذه الطريقة.


!+أحمر!!-أحمر!والآن!+أحمر!!-أحمر!

هل هذا هو كل شيء؟؟ لا..بقي شيء آخر ، ألا وهو تسمية هذه الفقرة لكي نتمكن من الوصول إليها ، فما رأيك أن نسميها begain وهكذا يكتب الامر ليكون بهذه الطريقة لنضعه في بداية الفقرة الاولى


!+أحمر!!-أحمر!والآن !+أحمر!!-أحمر!


وبقيت الان الخطوة الأخيرة ، ونكتب الوصلة الخاصة التي تنقلنا مباشرة الى بداية الصفحة اي بداية الفقرة الاولى. في البداية نكتب الوسم الخاص بالوصلات ثم نكتب عنوان الصفحة ، بعدها تأتي إشارة # وهي مهمة كثيرا وأخيرا نكتب اسم الفقرة التي نحن قمنا بتسميتها begain وستكون بالشكل التالي :


بداية الصفحة


وأخيرا تمكنا من كتابة الوصلة بهذه الطريقة بداية الصفحة اتمنى ان يكون الدرس قد حاز على إعجابك. اتمنى أن تطبق كل الدروس السابقة وإذا كان لديك أي استفسار فنحن هنا متواجدين لمساعدتك. لنا لقاء آخر مع دروس جديدة أعدها لكم خلال الأيام القادمة بإذن الله.