الارتباطات التشعبية hyper links فى لغة html - مدرسة الويب web school

أعلان الهيدر

الرئيسية الارتباطات التشعبية hyper links فى لغة html

الارتباطات التشعبية hyper links فى لغة html

hyper link الارتباطات فى لغة html

تمتاز لغة html بأنها توفر آلية سهلة للإنتقال بين صفحات الويب ومواقع الانترنت 
وذلك عن طريق الضغط على رابط معين Hyper link. 
وهذه الروابط قد تكون نصوص أو صور وبمجرد الضغط عليها يتم الانتقال الى الموقع المطلوب أو الصفحة المطلوبة .
وعند وضع المؤشر على رابط الانتقال يتحول إلى شكل يد
ويتم إنشاء الروابط التشعبية عن طريق استخدام الوسم <a> ويتم اغلاق الوسم <a/>
وحرف a اختصار لكلمة anchor
ويتم استخدام الخاصية href لتشير إلى اسم الموقع أو الصفحة التى سيتم الانتقال إليها.
فمثلا عند الرغبة للانتقال إلى صفحة جوجل يكون الوسم كالتالي:
<a href="http://www.google.com>اضغط هنا للانتقال للموقع</a>
href:  short for  اختصار لـ hyper text reference 
المثال التالي يوضح كيف عمل ربط لمواقع مختلفة و صفحات اخرى فى نفس الموقع
<!doctype html>
<html lang="ar" dir="rtl">
    <head>
        <title>
            حيوانات الغابة
        </title>
    </head>
    <body>
        <a href="http://www.google.com">موقع جوجل</a><br>
        <a href="http://www.facebook.com">الفيس بوك</a><br>
        <a href="lion.html">الانتقال لصفحة الأسد</a><br>
    </body>
</html>
< a href="http://#"> </a, links in html,hyper link,html5,ارتبطات

ملاحظة هامة:

  • خاصية dir=rtl يتم وضعها داخل الوسم <html>لتغير اتجاه الصفحة من اليمين إلى اليسار وهى من الوسوم العامة global التى يمكن وضعها داخل أى عنصر من عناصر لغة HTML ويمكن وضعها داخل وسم html بحيث تجعل اتجاه الصفحة من اليمين إلى اليسار وهى مناسبة تماماً للكتابة باللغة العربية .

  • كما يمكن وضع الخاصية title وهى من الوسوم العامة global التى تستخدم مع جميع عناصر لغة HTML داخل الارتباط التشعبي بحيث عندما يقف المؤشر على الرابط يظهر له تلميح بسيط عن الصفحة التى سوف ينتقل إليها.


 <a href="http://www.google.com" title ="go to google site">موقع جوجل</a><br>

ليست هناك تعليقات:

إرسال تعليق

شائع هذا الأسبوع

يتم التشغيل بواسطة Blogger.

تم الكشف عن مانع الإعلانات

الإعلانات تساعدنا في تمويل موقعنا، فالمرجو تعطيل مانع الإعلانات وساعدنا في تقديم محتوى حصري لك. شكرًا لك على الدعم ❤️