KJL

1. ‫التشعبية‬ ‫االرتباطات‬

2. ‫في‬ ‫خاصية‬ ‫أهم‬ ‫استخدام‬ ‫كيفية‬ ‫سنتعلم‬ ‫الموضوع‬ ‫هذا‬ ‫في‬
‫لغة‬
HTML
‫التشعبية‬ ‫االرتباطات‬ ‫وهي‬
‫ويقصد‬
‫التشعبي‬ ‫باالرتباط‬
(
hyperlink
: )
‫صورة‬ ‫أو‬ ‫نص‬ ‫أي‬
‫االنتقال‬ ‫عليها‬ ‫النقر‬ ‫عند‬ ‫لنا‬ ‫تتيح‬
‫اال‬ ‫على‬ ‫آخر‬ ‫موقع‬ ‫إلى‬ ‫نستعرضها‬ ‫التي‬ ‫الويب‬ ‫صفحة‬ ‫من‬
‫نترنت‬
.

3. **
‫التشعبية‬ ‫االرتباطات‬ ‫وسم‬
:
-
‫يتم‬
‫استخدام‬
‫وسم‬
<a>
‫لتعريف‬
‫االرتباط‬
‫التشعبي‬
‫والوس‬
‫م‬
</a>
‫لنهاية‬
‫االرتباط‬
‫التشعبي‬
‫ويتطلب‬
‫الوسم‬
<a>
‫استخدام‬
‫خاصية‬
herf
،
‫وكذلك‬
‫يجب‬
‫أن‬
‫نستخدم‬
‫نص‬
‫أو‬
‫صورة‬
‫يعمل‬
‫كارتباط‬
‫يتم‬
‫وضع‬
‫النص‬
‫أو‬
‫الصورة‬
‫بين‬
‫الوسم‬
‫ين‬
<a>
</a>
.
<a href=" " >
‫الوسم‬ ‫يعمل‬ ‫حتى‬ ‫وجودهما‬ ‫يلزم‬ ‫المراد‬ ‫صورة‬ ‫أو‬ ‫نص‬
</a>
‫عنوان‬ ‫وضع‬ ‫يتم‬
‫سيتم‬ ‫الذي‬ ‫المكان‬
‫وسيت‬ ‫له‬ ‫االنتقال‬
‫م‬
‫حسب‬ ‫لها‬ ‫التطرق‬
‫المراد‬ ‫المكان‬ ‫نوعية‬
‫إليه‬ ‫االنتقال‬

4. **
‫االرتباطات‬ ‫وسم‬ ‫استخدامات‬
:
-
‫الموقع‬ ‫داخل‬ ‫آخرى‬ ‫صفحة‬ ‫إلى‬ ‫االنتقال‬
.
-
‫آخر‬ ‫ويب‬ ‫موقع‬ ‫إلى‬ ‫االنتقال‬
.
-
‫الصفحة‬ ‫نفس‬ ‫في‬ ‫مكان‬ ‫إلى‬ ‫االنتقال‬
(
‫لالنت‬ ‫رابط‬ ‫مثل‬
‫إلى‬ ‫قال‬
‫الصفحة‬ ‫أعلى‬
. )
-
‫مثل‬ ‫ملفات‬ ‫تحميل‬
(
‫وغيرها‬ ، ‫الفيديو‬ ، ‫الصوت‬
. )
-
‫االلكتروني‬ ‫البريد‬ ‫لعناوين‬ ‫االرتباط‬
.

5. **
‫الموقع‬ ‫داخل‬ ‫صفحة‬ ‫إلى‬ ‫االنتقال‬
:
<a href=" .html" >
‫رابط‬ ‫جعلها‬ ‫المراد‬ ‫الصورة‬ ‫أو‬ ‫النص‬
</a>
<a href=" sport .html" >
‫رياضة‬
</a>
‫الصفحة‬ ‫اسم‬
‫ل‬ ‫االنتقال‬ ‫المراد‬
‫ها‬
‫عند‬ ‫ارتباط‬ ‫على‬ ‫مثال‬
‫على‬ ‫النقر‬
(
‫رياضة‬
)
‫ص‬ ‫إلى‬ ‫االنتقال‬ ‫سيتم‬
‫فحة‬
‫الرياضة‬

6. **
‫آخر‬ ‫ويب‬ ‫موقع‬ ‫إلى‬ ‫االنتقال‬
:
<a href=" " >
‫رابط‬ ‫جعلها‬ ‫المراد‬ ‫الصورة‬ ‫أو‬ ‫النص‬
</a>
<a href=" http://www.google.com" >
‫للبحث‬
</a>
‫المرا‬ ‫الموقع‬ ‫اسم‬
‫د‬
‫إليه‬ ‫االنتقال‬
‫أسم‬ ‫متضمنا‬
‫البروتوكول‬
‫عند‬ ‫ارتباط‬ ‫على‬ ‫مثال‬
‫على‬ ‫النقر‬
(
‫للبحث‬
)
‫ي‬
‫تم‬
‫موقع‬ ‫فتح‬
‫قوقل‬

7. -
‫يفتح‬ ‫الويب‬ ‫تصفح‬ ‫برنامج‬ ‫نجعل‬ ‫أن‬ ‫الممكن‬ ‫من‬
‫الخاصية‬ ‫باستخدام‬ ‫وذلك‬ ‫جديدة‬ ‫نافذة‬ ‫في‬ ‫االرتباط‬
target="_blank"
‫وسم‬ ‫مع‬
<a>
‫النحو‬ ‫على‬
‫التالي‬
• <a href=" " target="_blank” >
‫رابط‬ ‫جعلها‬ ‫المراد‬ ‫الصورة‬ ‫أو‬ ‫النص‬
</a>
Shift
‫مع‬
‫عالمة‬
-

8. **
‫الصفحة‬ ‫نفس‬ ‫في‬ ‫آخر‬ ‫مكان‬ ‫إلى‬ ‫االنتقال‬
:
-
‫وضع‬ ‫مثل‬ ‫الصفحة‬ ‫نفس‬ ‫في‬ ‫لالنتقال‬ ‫رابط‬ ‫عمل‬ ‫الممكن‬ ‫من‬
‫رابط‬
‫أعلى‬ ‫إلى‬ ‫االنتقال‬ ‫يتم‬ ‫عليه‬ ‫النقر‬ ‫عند‬ ‫الصفحة‬ ‫أسفل‬ ‫في‬
‫أو‬ ‫الصفحة‬
‫االنتقال‬ ‫يتم‬ ‫عليه‬ ‫النقر‬ ‫عند‬ ‫الصفحة‬ ‫أعلى‬ ‫في‬ ‫رابط‬ ‫وضع‬
‫أسفل‬ ‫إلى‬
‫الصفحة‬
.
‫حلتين‬ ‫مر‬ ‫على‬ ‫ذلك‬ ‫يتم‬
:
‫األولى‬ ‫المرحلة‬
:
‫الوسم‬ ‫باستخدام‬ ‫إليه‬ ‫االنتقال‬ ‫المراد‬ ‫المكان‬ ‫تسمية‬
<a>
‫والخاصية‬
name
‫التالي‬ ‫الشكل‬ ‫على‬ ‫ذلك‬ ‫ويتم‬
<a name=" " >
‫اختياري‬ ‫اسم‬
‫المراد‬ ‫للمكان‬
‫إليه‬ ‫االنتقال‬

9. ‫الثانية‬ ‫المرحلة‬
:
‫التالي‬ ‫النحو‬ ‫على‬ ‫الرابط‬ ‫إنشاء‬
<a href=" .html# " >
‫رابط‬ ‫يكون‬ ‫أن‬ ‫المراد‬ ‫الصورة‬ ‫أو‬ ‫النص‬
</a> ‫الصفحة‬ ‫اسم‬
‫الحالية‬
‫الذي‬ ‫المكان‬ ‫اسم‬
‫في‬ ‫تحديده‬ ‫تم‬
‫األولى‬ ‫المرحلة‬

10. **
‫مختلفة‬ ‫ملفات‬ ‫لتحميل‬ ‫رابط‬
:
-
‫تحمي‬ ‫رسالة‬ ‫ظهور‬ ‫يتم‬ ‫عليه‬ ‫النقر‬ ‫عند‬ ‫رابط‬ ‫وضع‬ ‫المكن‬ ‫من‬
‫أو‬ ‫ل‬
‫وغيرها‬ ‫والفيديو‬ ‫الصوت‬ ‫ملفات‬ ‫مثل‬ ‫ملف‬ ‫فتح‬
)
‫التالي‬ ‫النحو‬ ‫على‬ ‫ذلك‬ ‫يتم‬
<a href=" " >
‫رابط‬ ‫يكون‬ ‫أن‬ ‫المراد‬ ‫الصورة‬ ‫أو‬ ‫النص‬
</a>
•
‫الذ‬ ‫المجلد‬ ‫مع‬ ‫له‬ ‫تحميل‬ ‫رابط‬ ‫وضع‬ ‫المراد‬ ‫الملف‬ ‫وضع‬ ‫يجب‬
‫ي‬
‫الموقع‬ ‫ملفات‬ ‫يحتوي‬
.
‫م‬ ‫الملف‬ ‫اسم‬ ‫هنا‬ ‫نكتب‬
‫ع‬
‫االمتداد‬

11. **
‫إلكتروني‬ ‫بريد‬ ‫عنوان‬ ‫على‬ ‫ارتباط‬
:
‫ال‬ ‫عند‬ ‫إلكتروني‬ ‫بريد‬ ‫عنوان‬ ‫إلى‬ ‫يشير‬ ‫رابط‬ ‫عمل‬ ‫الممكن‬ ‫من‬
‫نقر‬
‫ناف‬ ‫ويعرض‬ ‫االلكتروني‬ ‫البريد‬ ‫برنامج‬ ‫تشغيل‬ ‫يتم‬ ‫عليه‬
‫لنا‬ ‫تتيح‬ ‫ذة‬
‫االرتباط‬ ‫في‬ ‫المحدد‬ ‫للبريد‬ ‫رسالة‬ ‫كتابة‬
<a href="mailto: " >
‫رابط‬ ‫يكون‬ ‫أن‬ ‫المراد‬ ‫الصورة‬ ‫أو‬ ‫النص‬
</a>
‫البريد‬ ‫عنوان‬
‫األلكتر‬
‫وني‬

12. ‫السادس‬ ‫الدرس‬ ‫نهاية‬