برمجةكورسات

تعلُّم لغة HTML – الدرس الرّابع

دروس بسيطة في لغة الويب HTML

اقرأ في هذا المقال

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

الرّوابط في HTML

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

  • إضافة رابط إلى صفحتنا في HTML

نفتح تاغ (وسم) بهذا الشكل:

<a href=””></a> ، ونضيف ضمن القوسين”” الرابط المراد ، مثال:
<a href=”http://www.facebook.com”></a>

ويمكننا إضافة وصف لمحتوى الرابط باستخدام مابين الوسم وإغلاقه كالتالي:

<a href=”http://www.fasebook.com”> Our facebook page </a>

والآن استعرض عملك ثم جرّب الضغط على نص الوصف.

 

  • أما إذا أردنا إضافة رابط إلى الموقع من داخل الحاسوب نفسه:

  1. فإن كان الملف في ذات مجلد الصفحة التي نُبرمجها، نضع ضمن القوسين اسم الملف الذي نود إضافة رابط له..
    مثلا: لدينا الملف About us من نوع HTML، ونود إضافة رابط له ضمن الصفحة، نقوم ببرمجتها مع العلم أنّه والصفحة التي نكتبها قد حُفِظ في ذات المجلد
    إذاً نكتب الآتي:
    <a href=”about us.htm”> Our </html>
  2. أما إن كان الملف الذي نود إضافته قد حُفِظ في مُجلّد متفرع عن مجلد الصفحة التي نكتبها، مثلاً:
    لدينا الملف About us من نوع HTML، نود إضافة رابط له ضمن الصفحة التي نقوم ببرمجتها مع العلم بأنه قد حفظ في مجلد باسم File الذي يتفرع عن مجلد الصفحة التي نكتبها، إذاً نستخدم الوسم التالي:
    <a href=”File /about us.htm”> Us</a>
  3. وإن أردنا إضافة ملف حُفِظ في مجلد أعلى من مجلد الصفحة التي نكتبها (أي أن الصفحة التي نكتبها حفظت في مجلد فرعي عن مجلد الملف):
    مثلاً: لدينا الملف About us من نوع HTML، نودّ إضافة رابط له ضمن الصفحة التي نقوم ببرمجتها مع العلم بأن الملف موجود في مجلد أعلى من مجلد الصفحة التي نكتبها، لذا نستخدم الوسم التالي:
    < a href=”../about us.htm”> How us </a>
    ونضيف الرمز /.. بعدد المستويات الأعلى أي اذا اعلى بمستويين بدل الواحد ../../

 

إضافة رابط إلى صفحة برمجة
HTML

 

وبهذا نكون أنهينا شرحاً مُبسّطاً في كيفية إضافة رابط إلى صفحتنا ووصف لهذا الرابط.

الدروس السابقة: الدرس الأول ، الدرس الثاني ، الدرس الثالث .

 

 

 

 

هل أعجبك المقال؟

شاركونا آراءكم واقتراحاتكم

 

 

 

 

 

اقرأ أيضاً:

 

 

 

الوسوم

رامة

طالبة في كلية الآداب، مهتمة بالتكنولوجيا ونشرها، كالبرمجة والذكاء الصنعي.

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

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

زر الذهاب إلى الأعلى
إغلاق