كل المواقع عند الدخول إليها في العادة نكتب في الشريط الذي يكون في اعلى المتصفح رابط الموقع فمثلاً عند الدخول إلى موقعي نكتب www.osamaalmousa.me
فهذا الشيء يسمى الرابط والذي هو العنوان للموقع و في لغة انشاء المواقع او عند كتابة مواضيع على صفحة ويب نريد كثير من الأحيان ان نكتب روابط لترشد المستخدم إلى الموقع الذي نريده المستخدم الدخول إليه
في لغة ال html هناك وسم كثير الأستخدام لموضوع الروابط والذي هو الوسم <a>
وتكون صيغته على الشكل التالي
<a></a>
ما بين الوسمين السابقين نكتب الجملة التي نريد اظهارها على الصفحة والتي عند الضغط عليها يفتح الرابط نأتي الأن إلى كيفية اضافة الرابط المقصود الذي سنستخدمه في الوسم السابق
الرابط يوضع في وسم البداية على الشكل التالي
<a href="www.osamaalmousa.me">osama</a>
فالرابط يوضع بين " " و الكلمة href هي كلمة ثابتة لا تغيرها و بعدها يكتب = و هكذا في المثال السابق عند كتابته على هذا النموذج فالنتيجة عند الضغط على كلمة osama في المتصفح فسيفتح الرابط في نفس علامة التتويبة اي لن يفتح الرابط في نافذة جديدة في المتصفح و لجعل الرابط يفتح في نافذا جديدة في المتصفح فسنزيد بعد
href=" "
بعبارة و لكن بعد ترك فراغ
target="_blank"
يمكن في نفس الصفحة ان نعمل توجيه لمكان ما في الصفحة و هذا يكون عن طريق ال id الذي يوضع مثلاً في الوسم <p> والتي مهتهما اعطاء عنوان للوسم ال id يمكن كتابته على الشكل التالي
id=" هنا نكتب ايضاً ما نريده "
<p id=" "></p>
و الكود السابق يكتب في ال <p> و ليكون مثلاً نكتب هكذا
دعونا نكتب مثال لنشرح الموضوع
اعمل توسعة للصندوق السابق بالضغط على الشيء الصغير في زاوية اسفل الصندوق و سحبه لأن داخله الوسوم ، اذا كنت تستخدم الهاتف الذكي قد لا يظهر هذا السهم فيمكنك مشاهدة ما داخل الصندوق بوضع اصبعك على الصندوق و التمرير للأعلى و للأسفل
<a href="#go-to-paragraph">go to paragraph 1 </a>
والذي داخله
#go-to-paragraph
حيث جملة go-to-paragraph مكتوبة داخل احدى وسوم <p> بعد رمز id و من اجل وضع الجملة السابقة في وسم الرابط ينبغي وضع رمز # قبلها فعند الضغط على الرابط سينتقل المتصفح إلى الفقرة التي تحوي خلف الكواليس في البرمجة على id
نأتي الآن إلى ما هي الفائدة من كلامنا السابق ، يكون المعنى في أن اذا اردنا كتابة مقال طويل و اردنا التوجيه في نفس الصفحة الى مكان معين ما علينا سوى وضع رابط وهذا الرابط عند الضغط عليه يتم التوجيه إلى ذلك المكان
فالمثال السابق وضعنا رابط والذي اسمه go to paragraph 1 عند الضغط عليه يتم التوجيه إلى ال paragraph الذي عنوانه
go-to-paragraph
يمكنك تجريب ما قلته اذا نسخت مثال للشرح و تلصقه في المفكره و تحفظه وتفتح الملف المحفوظ في المتصفح و شرحت طريقة الحفظ في أول درس من دروس تعلم html
ان شاء الله يكون الشرح مفهوم
هكذا نكون قد وصلنا إلى نهاية هذا الدرس نتابع في درس قريب ان شاء الله
السلام عليكم و رحمة الله و بركاته
ان شاء الله يكون الشرح مفهوم
هكذا نكون قد وصلنا إلى نهاية هذا الدرس نتابع في درس قريب ان شاء الله
السلام عليكم و رحمة الله و بركاته
الكاتب : OSAMA ALMOUSA
منشأ مواقع مهتم في جديد التقنية و المعلومات دارس عدة لغات برمجة ومن خلال هذا الموقع اقدم شروحات و دروس أتمنى ان تعجبكم
