الوصلات التشعبية
الوصلات التشعبية أو links هي روح الأنترنت و إذا كان الإنترنت هو شبكة العنكبوت فإن هذه الوصلات هي الخيوط الذي تشكل تلك الشبكة.تعريف الوصلات التشعبية
هي عبارة عن روابط تنقلك إلى صفحة أخرى او موقع آخر او رابط مدمج بصورة او ربما رابط لملف على الانترنت ........الخ.اليوم سوف نتعرف على كيفية استخدام وصلات links في بناء الموقع الألكتروني و بالتحديد في الهيكلة html ولها عدة أوسمة مستخدمة في html و يكون الوسم الخاص بها هو <a>.
الوسم <a>
الخاصية href
مثال
سوف نقوم ببناء وصلة تقوم بالذهاب إلى الموقع الخاص بنا و سيكون شكل الكود بالشكل التالي
<body>
<a href="https://www.programmer-tech.com"/></a>
</body>
لكن في هذه الحالة لا يوجد شيئ للنقر عليه لكي يذهب لهذا الرابط, الآن يمكننا إضافة كلمة عند النقر عليها تذهب مباشرتاً إلى هذا الرابط وسيكون ذلك بالشكل
<body>
<a href="https://www.programmer-tech.com"/>رابط الموقع الخاص بنا</a>
</body>
وسوف تكون النتيجة بهذا الشكل
وعند الضغط عليه سينقلك مباشرتاً إلى الموقع الذي في الكلمة, وكما يمكننا تحديد أن تكون هذه الوصلة هي "كلمة أو صورة أو زر".
نريد أن يكون هناك رابط داخل الصورة عند الضغط عليها يوجهنا لهذا الرابط سيكون كما بالمثال
<body>
<a href="https://www.programmer-tech.com"><img src="datafiles.jpg"/>
</a>
</body>
<a href="https://www.programmer-tech.com"><img src="datafiles.jpg"/>
</a>
</body>
وسيظهر بهذا الشكل في المتصفح
وعند الضغط على هذه الصورة ستنقلك مباشرتاً إلى الموقع الخاص بنا كما حددناه في الكود.
ليست هناك تعليقات:
إرسال تعليق