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

منتديات الأستاذ التعليمية التربوية المغربية : فريق واحد لتعليم رائد (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)
شكرا أخي
لدي سؤال : كيف نزيل السطر الموجود تحت الجملة المراد وضع رابط لها ؟
العفو أخي الكريم
السطر الموجود تحت الجملة ظاهر لأنه يحيل على رابط تشعبي خارجي.
وبالتالي في هذه الحالة لا يمكن اخفاؤه.
شكرا جزيلا لك أخي الفاضل.

abouimane 2012-04-10 17:51
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 

تم
شكرا لك
في انتظار تعديل الرابط
سلاميــ

أم سهام 2012-04-10 18:04
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
تطبيقي للدرس السابع.شكرا.http://cf.profvb.com/do.php?id=776

أم سهام 2012-04-10 18:05
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
منتديات الاستاذ

ExtrA 2012-04-10 18:28
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
اقتباس:
المشاركة الأصلية كتبت بواسطة habiba4 (المشاركة 546687)
تطبيقي للدرس السابع.شكرا.http://cf.profvb.com/do.php?id=776

ممتازة أختي الكريمة
تحياتي و تقديراتي

ExtrA 2012-04-10 18:29
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
اقتباس:
المشاركة الأصلية كتبت بواسطة abouimane (المشاركة 546679)

تم
شكرا لك
في انتظار تعديل الرابط
سلاميــ
العفو أخي الكريم
وبارك الله فيك

أم سهام 2012-04-10 18:31
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
https://www.profvb.com/vb/C:\Users\COMPAQ\Desktop\sept.html

أسيلة 2012-04-10 19:29
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 

Aterta70 2012-04-10 19:40
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
بارك الله فيك أخي الكريم

فطيمة الزهرة 2012-04-10 19:48
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
شكرا لك أستاذ إكسترا
هذا تطبيقي
http://www13.0zz0.com/2012/04/10/19/332243626.png

الشريف السلاوي 2012-04-10 20:14
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
بارك الله فيك و أحسن إليك .

العلم 2012-04-11 00:15
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
هذاا هو تطبيقي جزاك الله خيرا

http://img341.imageshack.us/img341/2994/linksyr.jpg

عمر أبو صهيب 2012-04-11 10:38
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
1 مرفق
تطبيقي للدرس السابع :
http://img714.imageshack.us/img714/5884/45104335.jpg
و هذه نتيجة التطبيق :
http://img717.imageshack.us/img717/2136/63162612.jpg
و الملف في المرفقات

الزرقاء 2012-04-11 17:33
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
شكرا لك أستاذ إكسترا

http://img692.imageshack.us/img692/1748/50496171.jpg

salim-x 2012-04-11 21:42
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
تم التطبيق بنجاح
بارك الله فيك

خادم المنتدى 2014-06-21 09:51
رد: الدرس (7) - الجزء الأول - : الروابط (links ) بلغة HTML
 
*****************************
شكرا جزيلا لك على هذه الإفادة الطيبة
و دمت بود لامنتهي
تحياتي
******************


الساعة الآن 13:32

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

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