الوصلات التشعبية و روابط الأنترنت في لغة html الدرس |10| - Programmer Tech

Programmer Tech

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

إعلان اعلى المقالة

الجمعة، 20 ديسمبر 2019

الوصلات التشعبية و روابط الأنترنت في لغة html الدرس |10|



الوصلات التشعبية

الوصلات التشعبية أو links هي روح الأنترنت و إذا كان الإنترنت هو شبكة العنكبوت فإن هذه الوصلات هي الخيوط الذي تشكل تلك الشبكة.


تعريف الوصلات التشعبية

هي عبارة عن روابط تنقلك إلى صفحة أخرى او موقع آخر او رابط مدمج بصورة او ربما رابط لملف على الانترنت ........الخ.

اليوم سوف نتعرف على كيفية استخدام وصلات links في بناء الموقع الألكتروني و بالتحديد في الهيكلة html ولها عدة أوسمة مستخدمة في html و يكون الوسم الخاص بها هو <a>.

الوسم <a>

هو وسم ادراج الوصلات التشعبية و هي اختصار للمصطلح Anchor و لها بعض الخصائص و اهمها href.

الخاصية 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>



وسيظهر بهذا الشكل في المتصفح

https://www.youtube.com/MuhammadAlush0997

وعند الضغط على هذه الصورة ستنقلك مباشرتاً إلى الموقع الخاص بنا كما حددناه في الكود.

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

إرسال تعليق

facebook

تسميات

تواصل معنا

Translate

أخر الافكار

من انا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

اقسام