الروابط
جزء من قسم Fundamentals في رحلة HTML على Coddy — الدرس 21 من 60.
في HTML، يُعد الـ رابط (أو الارتباط التشعبي) عنصراً يربط صفحة ويب بأخرى.
يمكنك إنشاء روابط لصفحات ويب أخرى، أو ملفات، أو مواقع داخل نفس الصفحة أو أي عنوان URL آخر. يتم إنشاء الروابط باستخدام الوسم <a>، والذي يرمز إلى anchor.
إليك الصيغة الأساسية لإنشاء رابط في HTML:
<a href="url">Link text</a><a>: وسم الرابط (anchor) الافتتاحي.href: عنوان URL الوجهة للرابط.
Link text: النص المرئي الذي سيراه المستخدمون وينقرون عليه.</a>: وسم الإغلاق الخاص بالارتباط (anchor).
إليك مثال على كيفية إنشاء رابط لصفحة جوجل الرئيسية:
<a href="https://www.google.com">Visit Google</a>في هذا المثال، عندما ينقر المستخدم على النص "زيارة جوجل"، سيتم توجيهه إلى https://www.google.com.
التحدي
سهلأنشئ مستند HTML يتضمن الروابط التالية:
- رابط يشير إلى "https://coddy.tech" ويعرض النص "Visit Coddy".
- رابط يشير إلى "https://www.google.com" ويعرض النص "Visit Google".
إضافة: جرب النقر على الروابط!
ورقة مرجعية
يتم إنشاء الروابط في HTML باستخدام وسم <a> (anchor) مع سمة href:
<a href="url">Link text</a>href: عنوان URL للوجهةLink text: النص المرئي القابل للنقر
مثال:
<a href="https://www.google.com">Visit Google</a>جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<!-- اكتب الكود هنا -->
</body>
</html>
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Fundamentals
2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Header
قسم تفاصيل الفعاليةنموذج التسجيلقسم الـ Footer