لغة Html الدرس الخامس مع عسوووله

[عسوووووووووووله]

بسم الله الرحمن الرحيم

الدرس الخامس

LINK الرابط او الوصلات التشعبيه

وهي روابط للانتقال من صفحه لصفحه بالموقع بطريقه النقر على وصلة

فمثلاً لصفحه ويب او لمكان معين في صفحه اوللايميل


اولاً : من صفحه الى صفحه . . .page to page

للانتقال الى ملف او صوره او اي شي

وهنا كلمه KHAFJI هي التي سيتم النقر عليها للانتقال

<a> وتكون محصوره بين </a>

كود الوصله للانتقال لملف وماننسى الامتداد

[HTML]
<a href="filenam.html"> KHAFJI </a>
[/HTML]

كود الانتقال للصور

[HTML]
<a href="KHAFJI.jpg"><IMG SRC="KHAFJI.jpg" ><‎/a>
[/HTML]

ولازم الملف المطلوب او الصوره يكونو موجودين في نفس المجلد

اما اذا الملف او الصوره بمجلد مختلف عن المجلد الموجود فيه ملف الهتيمل

اللى تشتغل عليه لازم تحدد المسار الكامل لهذا الملف او الصوره






تانياً : من صفحه الى موقع . . . page to website

في طريقتين للانتقال اما يفتح الموقع بنفس الصفحه


[HTML]<a href="http://www.alraidiah.com/vb">منتدى الرائديه</a>
[/HTML]

الطريق الثانيه اذا حبينا نفتح الموقع بصفحه جديده

نزيد عباره target=blank على الكود


[HTML]<a target="blank" href="http://www.alraidiah.com/vb">منتدى الرائديه</a>
[/HTML]

اما اذا حبينا الانتقال الى الموقع بصفحه جديده ويكون المؤشر صوره بدل الكتابه

واكيد راح نستخدم خاصيه img السابقه

هذا الكود لرابط الصور

[HTML]<a target="blank" href="http://www.alraidiah.com/vb">
<img src="nameimag.gif">
</a>
[/HTML]


ويصير نغير بخصائص الوصله مثل اللون نوع الخط الحجم وحذف الخط اللى تحت الوصله

[HTML]
<a target='_blank' href='http://www.alraidiah.com/vb' style='font-family: Tahoma;
color="#CCFF00"; text-decoration:none; font-size: 18pt;''>منتدى الرائديه</a>
[/HTML]







ثالثاَ : الانتقال الى كلمه او مكان بنفس الصفحه اوالى بدايه الصفحه او نهايتها

اول شي تعريف الكلمه التي نريد ان نذهب اليها وتحديده

نختار اي متغير مثل number وراح اعرفها للـNAME

وبعدين نكتب الوصله مع كتابه (#) ثم الكلمه التي سوف ننتقل اليها

هنا عباره الأعضاء المتواجدين حاليا هي اللى راح انتقل اليها وين ماكنت

والرابط راح يكو عدد الأعضاء

[HTML]<a name="number">الأعضاء المتواجدين حالياً</a>

<a href="#number">معرفه عدد الاعضاء المتواجدين حالياً<‎/a>
[/HTML]

وهذا كود الانتقال لبدايه الصفحه

[HTML]<a name="begin">منتدى الرائديه </a>

<a href="#begin">بدايه الصفحه</A>
[/HTML]






رابعاً : الانتقال الى الايميل البريد الالكتروني

page to email

[HTML]
<a href="mailto:alraidiah@hotmail.com">للتواصل</a>
[/HTML]


أتمنى من الله تعالى العلي القدير ان الدرس يكون واضح وسهل

وانشاء الله تستفيدون منه


الى اللقاااااء