تعلم HTML بالعربي | HTML Hyper links

 

HTML – 7


HTML Hyper links


** الوصلات التشعبية ** هي روح الإنترنت ، وإذا كانت الإنترنت هي شبكة العنكبوت فإن Links  هي الخيوط 

التي تشكل هذه الشبكة .


** يتميز الإرتباط التشعبي بـ أنه عند الوقوف عليه بمؤشر الفأرة نجد أن مؤشر الفأرة تغير إلى شكل يد وعند 

الضغط عليه يتم الإنتقال إلي :


1.     مكان آخر في نفس الصفحة . ( وهي أصعب عملية )


2.     صفحة آخرى في نفس الموقع .


3.     صفحة آخرى في موقع آخر .


** <a> … </a> ** يستخدم هذا الوسم في إدراج الوصلات التشعبية ، وهي إختصار لكلمة Anchor  ، هي

 لا تعمل وحدها بل تتطلب إضافة خصائص معينة .


** href ** نحدد من خلالها الموقع الذي نريد الذهاب إليه عند الضغط على الإرتباط التشعبي .


أولاً : لعمل إرتباط تشعبي نصي يكتب كالتالي :


<a href=”ahmed.html” >  home < /a>


لمشاهدة الفيديو من هنا





 


ثانياً : لعمل إرتباط تشعبي كصورة يكتب كالتالي :


<a href=http://www.google.com.eg> Google </a>


** لعمل إرتباط تشعبي للوصول إلى أي مكان في نفس الصفحة ، لا بد من تسمية هذا المكان أولاً بإستخدام 

الخاصية Name  للوسم <a> وذلك كالتالي :


<a name=”Soliman”> Links </a>


هنا تم إعطاء إسم لهذا المكان وهو Soliman ، بهذه الحالة هذه الفقرة أصبحت جاهزة لكي نقوم بإدراج وصلات 

تشعبية إليها من أي مكان في هذا الملف ومن أي ملف آخر .


** لإدراج وصلة تشعبية لهذه الفقرة يلزمنا .. معرفة إسم الملف المحتوي لهذه الفقرة يتبعه الإسم للفقرة كالتالي :


<a href=”ahmed.html # soliman”> Paragraph </a>


** لم نكتف بذكر إسم الفقرة لوحدها بل يجب أن تقرن بإسم الملف الأب الذي يتضمنها من خلال إشارة # .


** يمكن عمل نفس العمل السابق بطريقة آخرى وهي إنشاء علامة مرجعية Bookmarks .


** إنشاء علامة مرجعية bookmarks  أو عنوان يتم الذهاب إليه عند الضغط على الإرتباط التشعبي في نفس 

الصفحة وذلك كالأتي :


<h1 id=”first”> Computer </h1>


وهنا تم وضع إشارة مرجعية بإسم first  وللوصول إليها كالتالي :


<a href=”#first”> Click Her </a>


أتمني أكون وصلت المعلومة بطريقة سهله


لا تنسونا من صالح دعائكم


***********************


***********************

إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد. هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة, ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميلً