منتديات الأستاذ التعليمية التربوية المغربية : فريق واحد لتعليم رائد

منتديات الأستاذ التعليمية التربوية المغربية : فريق واحد لتعليم رائد (https://www.profvb.com/vb/)
-   الدورة التكوينية: أساسيات لغة HTML وتطبيقاتها (https://www.profvb.com/vb/f354.html)
-   -   الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML (https://www.profvb.com/vb/t94600.html)

ExtrA 2012-04-10 16:02

الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 

http://img834.imageshack.us/img834/7022/bism.gif

الروابط (links ) بلغة HTML

http://www.khayma.com/hpinarabic/images/rt.gif تحية طيبة الى كل أعضاء منتديات الأستاذ
http://www.khayma.com/hpinarabic/images/lt.gif
http://files.fatakat.com/2010/1/1264320266.gif

اليوم سنتكلم بحول الله تعالى عن الـوصلات (الروابط) . وأعني بالوصلات التشعبية أي الإرتباطات . أو LINKS . . وخواصها ..
http://files.fatakat.com/2010/1/1264320266.gif
كلمة الوصلات التشعبية معناها باللغة الإنجليزية Hypertext Reference .. ومنها أستخرج كود الإرتباطات أو الوصلات .

ويـبدأ الكود بكتابة الوسم التالي

كود:

<a> ......</a>


وحـرف a .. أتى من كلمة Anchor . وطبعأً هذا الوسم لا يعمل لوحده . بكتابة حرف a فقط . ولكن ذكرنا سابقاً كلمة Hypertext Reference .. لذلك سيـكون كتابة الكود كاملاً هـكذا ..

كود:

<A HREF="http://www.profvb.com/vb">منتديات الأستاذ</A>
وبشكل عام فإن أي شيء يوضع بين الوسمين <A> ... <‎/A> سوف يكون الوسيلة أو العنوان الذي ينقلنا إلى الموقع المشار إليه في الوصلة التشعبية، سواءً كان هذا الشيء نصاً أو صورة أو كلاهما معاً.


http://files.fatakat.com/2010/1/1264320266.gif
تطبيق

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

لدينا الأكواد التالية

كود بلغة HTML:

<html>
     
<head>

<title>

الدرس السابع

</title>

</head>

<center>

<br>

<strong>

<body>

<A HREF="http://www.profvb.com/vb">منتديات الأستاذ</A>

</body>

</center>

</strong>

</br>



</html>

الوسم </strong>....<strong>

( لتكبير حجم الخط )


الوسم


<center>...</center>

ليظهر الرابط في وسط الصفحة

الوسم

<A HREF="http://www.profvb.com/vb">منتديات الأستاذ</A>

هو الرابط الذي سيظهر في الصفحة وعند الضغط عليه ندخل الى المنتدى


أترككم مع انجاز التطبيق و اكتشاف النتيجة بأنفسكم

_______________

تقبلوا تحياتي الخالصة




oujdi 2012-04-10 16:58

رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
بارك الله فيك أخي إكسترا
جعله الله في ميزان حسناتك


http://img15.hostingpics.net/pics/21...0410185657.gif

ExtrA 2012-04-10 17:00

رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
اقتباس:

المشاركة الأصلية كتبت بواسطة oujdi (المشاركة 546664)
بارك الله فيك أخي إكسترا
جعله الله في ميزان حسناتك


http://img15.hostingpics.net/pics/21...0410185657.gif

ممتاز أخي وجدي
وبارك الله فيك أخي المحترم

jawadjordi 2012-04-10 17:04

رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
شكرا أخي
لدي سؤال : كيف نزيل السطر الموجود تحت الجملة المراد وضع رابط لها ؟


ExtrA 2012-04-10 17:21

رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
اقتباس:

المشاركة الأصلية كتبت بواسطة jawadjordi (المشاركة 546666)
شكرا أخي
لدي سؤال : كيف نزيل السطر الموجود تحت الجملة المراد وضع رابط لها ؟


العفو أخي الكريم
السطر الموجود تحت الجملة ظاهر لأنه يحيل على رابط تشعبي خارجي.
وبالتالي في هذه الحالة لا يمكن اخفاؤه.
شكرا جزيلا لك أخي الفاضل.



الساعة الآن 23:28

جميع المواد المنشورة بالموقع تعبر عن أصحابها فقط ولا تعبر بأي شكل من الأشكال عن رأي الموقع ولا يتحمل أي مسؤولية عنها

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd