الدرس السادس : الروابط التشعبية دورة تعليم لغة html
صفحة 1 من اصل 1
الدرس السادس : الروابط التشعبية دورة تعليم لغة html
بسم الله الرحمن الرحيم
سندرس في هذا الموضوع كيفية عمل روابط تشعبيه او تنقليه لصفحات أخرى
وسنستخدم لها الوسم
كود:
href="http://URL">إضغط هنا
وسنستخدمها بطريقتين
الطريقه الأولى : إضافة الرابط التشعبي الخارجي
حيث سيكون رابط الموقع الخارجي متغيراً تمام عن رابط الموقع
مثال ذلك :
إنشأنا صفحة خاصة بنا ورابط موقعنا هو https://tounes-elkhadra.ahlamountada.com/
ووضعنا داخل الصفحه مواقع صديقه او مواقع بحث على سبيل المثال
موقع البحث جوجل , فهنا سيكون رابط جوجل مخالفاً لرابط موقعنا فيجب علينا إضافة الرابط كاملاً
سنستخدم الكود التالي :
كود:
href="http://www.google.com.sa">محرك بحث جوجل
الطريقة الثانية : إظافة فقط إسم الصفحة أو الصوره فقط
سواءاً كانت بنفس مجلد الصفحه الخاصه التي بها الرابط التشعبي أو في مجلد آخر
وسنأخذ مثالين على ذلك
الأول : إذا كانت الصوره أو الصفحه بنفس مجلد صفحتك الخاصه
وسنستخدم الكود التالي :
كود:
href="/sendme.html">إتصل بنا
حيث / معناها أن ما قبلها هو رابط الموقع الأساسي
بمعنى أن الموقع هو https://tounes-elkhadra.ahlamountada.com/ فإن الرابط التشعبي سيبرمج توماتيكيا قبل هذا الرمز
وستقرأها اللغه كالتالي :
https://tounes-elkhadra.ahlamountada.com/sendme.html
الثاني : إذا كانت الصورة أو الصفحه بنفس الموقع ولكن بمجلد آخر
فسنستخدم الكود التالي :
كود:
/card/sendme.html">إتصل بنا
حيث card/ مجلد آخر في نفس الموقع والربط التشعبي في الصفحة الرئيسيه
والصفحه المطلوبه ( sendme.html ) بمجلد card/
إنتهى الدرس
أتمنى يكون سهل ومفهوم
التطبيق المطلوب منكم
س / قم بعمل صفحة خاصة بك بها رسالة ترحيبيه
وبها ثلاثة روابط تشعبيه كالتالي
1 - رابط تشعبي لصفحة إتصل بنا تكون بنفس مجلد الصفحة الرئيسيه الخاصه بموقعكم
2 - رابط تشعبي لصفحة المنتدى وتكون بمجلد إسمه vb
3 - رابط تشعبي لموقع صديق ويكون الرابط https://tounes-elkhadra.ahlamountada.com
أي استفسار يرجى وضعه بقسم [ اسئلة / استفسارات دورة html ]
سندرس في هذا الموضوع كيفية عمل روابط تشعبيه او تنقليه لصفحات أخرى
وسنستخدم لها الوسم
كود:
href="http://URL">إضغط هنا
وسنستخدمها بطريقتين
الطريقه الأولى : إضافة الرابط التشعبي الخارجي
حيث سيكون رابط الموقع الخارجي متغيراً تمام عن رابط الموقع
مثال ذلك :
إنشأنا صفحة خاصة بنا ورابط موقعنا هو https://tounes-elkhadra.ahlamountada.com/
ووضعنا داخل الصفحه مواقع صديقه او مواقع بحث على سبيل المثال
موقع البحث جوجل , فهنا سيكون رابط جوجل مخالفاً لرابط موقعنا فيجب علينا إضافة الرابط كاملاً
سنستخدم الكود التالي :
كود:
href="http://www.google.com.sa">محرك بحث جوجل
الطريقة الثانية : إظافة فقط إسم الصفحة أو الصوره فقط
سواءاً كانت بنفس مجلد الصفحه الخاصه التي بها الرابط التشعبي أو في مجلد آخر
وسنأخذ مثالين على ذلك
الأول : إذا كانت الصوره أو الصفحه بنفس مجلد صفحتك الخاصه
وسنستخدم الكود التالي :
كود:
href="/sendme.html">إتصل بنا
حيث / معناها أن ما قبلها هو رابط الموقع الأساسي
بمعنى أن الموقع هو https://tounes-elkhadra.ahlamountada.com/ فإن الرابط التشعبي سيبرمج توماتيكيا قبل هذا الرمز
وستقرأها اللغه كالتالي :
https://tounes-elkhadra.ahlamountada.com/sendme.html
الثاني : إذا كانت الصورة أو الصفحه بنفس الموقع ولكن بمجلد آخر
فسنستخدم الكود التالي :
كود:
/card/sendme.html">إتصل بنا
حيث card/ مجلد آخر في نفس الموقع والربط التشعبي في الصفحة الرئيسيه
والصفحه المطلوبه ( sendme.html ) بمجلد card/
إنتهى الدرس
أتمنى يكون سهل ومفهوم
التطبيق المطلوب منكم
س / قم بعمل صفحة خاصة بك بها رسالة ترحيبيه
وبها ثلاثة روابط تشعبيه كالتالي
1 - رابط تشعبي لصفحة إتصل بنا تكون بنفس مجلد الصفحة الرئيسيه الخاصه بموقعكم
2 - رابط تشعبي لصفحة المنتدى وتكون بمجلد إسمه vb
3 - رابط تشعبي لموقع صديق ويكون الرابط https://tounes-elkhadra.ahlamountada.com
أي استفسار يرجى وضعه بقسم [ اسئلة / استفسارات دورة html ]
????- زائر
مواضيع مماثلة
» الدرس الرابع : تنسيق العناوين دورة تعليم لغة html
» الدرس الثالث : تغيير لون النص دورة تعليم لغة html
» الدرس السابع : كيفية إضافة صورة دورة تعليم لغة html
» دورة تعليم لغة html الدرس الثاني : تكبير وتصغير الخط
» دورة تعليم لغة html الدرس الأول/ الجزء الثاني : تصحيح أخطاء اللغه
» الدرس الثالث : تغيير لون النص دورة تعليم لغة html
» الدرس السابع : كيفية إضافة صورة دورة تعليم لغة html
» دورة تعليم لغة html الدرس الثاني : تكبير وتصغير الخط
» دورة تعليم لغة html الدرس الأول/ الجزء الثاني : تصحيح أخطاء اللغه
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى