كولا ماكس ||سودانية الملامح .. عالمية الروئة ®


سودانية الملامح .. عالمية الروئة ®
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  قائمة الاعضاءقائمة الاعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 الدرس 11 – الروابط

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
أبو نادر
Admin
Admin


♣ مشَارَڪاتْي » : 1944
♣ التسِجيلٌ » : 29/11/2012

مُساهمةموضوع: الدرس 11 – الروابط   الثلاثاء نوفمبر 29, 2016 5:38 pm

الروابط التشعبية

يمكن ايجاد الروابط التشعبية تقريباً في كل موقع انترنت . تسمح الروابط التشعبية للمستخدمين بالانتقال من صفحة الى أخرى .

الروابط النصية التشعبية

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

يمكن استخدام الروابط التشعبية في صفحات HTML من خلال الوسم
يمكن استخدام
بحالتين :

لإنشاء رابط تشعبي يقود الى صفحة أخرى وذلك باستخدام اللاحقة href
لإنشاء تأشيرة داخل الصفحة والتي تقود الى مكان معين وذلك باستخدام اللاحقة name

تركيبة الرابط التشعبي

ان تركيبة الرابط لتشعبي بسيط جداً ويبدو كالتالي :
الرمز:

<a href="url">نص الرابط</a>

تحدد اللاحقة href الوجهة التي نريد الرابط الذهاب اليها

مثال
الرمز:

<a href="http://www.google.com/">قم بزيارة جوجل</a>

سيظهر الرابط التشعبي كما يلي :قم بزيارة جوجل
وبالضغط على ” قم بزيارة جوجل” سيحولك الرابط الى موقع Google
ملاحظة : يمكن وضع ضمن “نص الرابط” صورة أو اي عنصر آخر من عناصر HTML

الرابط التشعبي – اللاحقة target

تستخدم اللاحقة target (التوجيه) لتحديد كيفية فتح صفحة الرابط .
في المثال التالي سيتم فتح الصفحة في نافذة جديدة في المتصفح من خلال القيمة “_blank”

مثال
الرمز:

<a href="http://www.google.com/" target="_blank">جووجل</a>


الرابط التشعبي – اللاحقة name

تحدد اللاحقة name اسم رابط آخر في الصفحة .
تستخدم اللاحقة name بشكل رئيسي لإنشاء العلامات داخل صفحة HTML

ملاحظة : يفضل استخدام اللاحقة id بدلاً من name مع HTML5 لتحديد علامة داخل الصفحة كما أن اللاحقة id تعمل مع HTML4 بالإضافة لجميع المتصفحات الحديثة .
تعتبر العلامات مخفية عن المستخدم ولايمكن عرضهم ولا بأي طريقة خاصة .

مثال

رابط مسمى داخل صفحة HTML
الرمز:

<a name="tips">قسم المساعدة</a>

قم بإنشاء رابط “قسم المساعدة” داخل الصفحة :

الرمز:

<a href="#tips">قم بزيارة قسم المساعدة</a>

أو قم بإنشاء رابط من صفحة أخرى “قسم المساعدة” :
الرمز:

<a href="http://www.example.com/html_links.htm#tips">قم بزيارة قسم المساعدة</a>

نصائح :

عند استدعاء صفحة معينة موجودة داخل مجلد فرعي يجب اضافة اسم المجلد مع اشارة “/” لكي يصبح الرابط التشعبي كالتالي : href=http://www.example.com/html حيث سيقوم السيرفر بإنشاء أمر واضافة “/” بعد نهاية الرابط لكي يسمح باستقبال أوامر أخرى أي التنقل الى صفحات أخرى كالتالي : href=http://www. example.com/html/
يستخدم عادةً الرابط المسمى “لإنشاء جدول محتويات” عندما يكون المحتوى كبير جداً مثل “الأسئلة الشائعة” حيث ستضع الأسئلة ثم في الأسفل كل سؤال وجوابه ولكن الأسئلة في الأعلى ستضيف لها رابط مسمى وعند الضغط على احدى الأسئلة ستتوجه مباشرة للسؤال المطلوب مع الحل في أسفل الصفحة .
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://colamax.ahlamontada.com
 
الدرس 11 – الروابط
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
كولا ماكس ||سودانية الملامح .. عالمية الروئة ® :: اقسام تطوير المواقع والمنتديات :: قسم لغات البرمجة :: دورة تعلم لغة الـ HTML-
انتقل الى: