________________________________________
1 أهمية الروابط
الروابط هي الوسيلة التي تسمح للمستخدم بالتنقل بين الصفحات والمواقع
________________________________________
2 العنصر الأساسي
link.html
<a href="">Link</a>________________________________________
3 خاصية href
تحدد الوجهة التي سينتقل إليها المستخدم
________________________________________
4 مثال
google-link.html
<a href="https://google.com">افتح جوجل</a>________________________________________
5 فتح الرابط في صفحة جديدة
blank-target.html
<a href="https://google.com" target="_blank">جوجل</a>________________________________________
6 أنواع الروابط
روابط خارجية
تؤدي إلى مواقع أخرى
external-link.html
<a href="https://youtube.com">يوتيوب</a>روابط داخلية
تؤدي إلى صفحات داخل نفس الموقع
internal-link.html
<a href="about.html">عن الموقع</a>________________________________________
7 المسارات Path
إذا كانت الصفحة داخل مجلد:
path-link.html
<a href="pages/about.html">عن الموقع</a>________________________________________
8 روابط داخل نفس الصفحة
same-page-link.html
<a href="#section1">انتقل للقسم</a>
<h2 id="section1">القسم</h2>________________________________________
9 مثال كامل
full-example.html
<h1>صفحتي</h1>
<a href="about.html">عن الموقع</a>
<a href="https://google.com">جوجل</a>________________________________________
10 أخطاء شائعة
- كتابة اسم الملف بشكل خاطئ
- نسيان امتداد html
- كتابة مسار غير صحيح
________________________________________
11 ملخص
الروابط تستخدم للتنقل بين الصفحات
href تحدد الوجهة
يمكن إنشاء روابط داخلية وخارجية
________________________________________
12 أسئلة
- ما وظيفة العنصر a؟
- ما معنى href؟
- ما الفرق بين رابط داخلي وخارجي؟
- ما وظيفة target="_blank"؟
________________________________________
13 الواجب
أنشئ موقع بسيط يحتوي على:
• 3 صفحات:
o الصفحة الرئيسية
o صفحة عن الموقع
o صفحة تواصل
وقم بربط الصفحات ببعض باستخدام الروابط