منتديات الأستاذ التعليمية التربوية المغربية : فريق واحد لتعليم رائد - الدرس (7) - الجزء الثاني

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

الروابط (links ) بلغة HTML
الجزء (2)

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

سنحاول الان اخواني أخواتي انشاء صفحة ويب بلغة html تتضمن صورة ما على شكل رابط يحيلنا على المنتدى.

إن الوسم الرئيسي المستخدم لتعريف صورة ما داخل الصفحة هو <IMG> وهو وسم مفرد. لكن هل يكفي هذا لإدراج صورة؟ كلا، بالطبع يجب أن نحدد الصورة التي نريدها. لذلك نضيف الخاصية له SRC لتحديد موقع واسم الصورة.

لدينا الصورة التالية

http://www3.0zz0.com/2012/04/10/17/129011652.jpg

رابطها هو

كود:

http://www3.0zz0.com/2012/04/10/17/129011652.jpg

ولدمج أي صورة في الصفحة نحتاج الى الوسم التالي

كود:

<img src=".....................">

ومكان النقط سنكتب رابط الصورة

وتكون النتيجة

كود بلغة HTML:

<img src="http://www3.0zz0.com/2012/04/10/17/129011652.jpg">

وبالتالي الوسم النهائي للصورة كرابط تشعبي هو

كود:

<a href="http://www.profvb.com/vb">

<img src="http://www3.0zz0.com/2012/04/10/17/129011652.jpg">

كود:

<a href="http://www.profvb.com/vb">
 
 وسم رابط المنتدى

كود:

<img src="http://www3.0zz0.com/2012/04/10/17/129011652.jpg">
 
 وسم مصدر الصورة

http://files.fatakat.com/2010/1/1264320266.gif

نمر الان الى التطبيق

كود بلغة HTML:

<html>
 <title>

ProfVb
 </title>
 <body>
 <center>
 <a href="http://www.profvb.com/vb">
 <img src="http://www3.0zz0.com/2012/04/10/17/129011652.jpg">
 </center>
 </body>
 </html>

___________________

توضيحات

كود:

<title>
 

ProfVb
 

</title>
 
 هذا الوسم يحدد عنوان الصفحة

كود:



<center> ...... </center>
 
 هذا الوسم يجعل الصورة تتوسط الصفحة

كود:



<a href="http://www.profvb.com/vb"><img src="http://www3.0zz0.com/2012/04/10/17/129011652.jpg">" 
 
 هذا الوسم يحدد مصدر الصورة و الرابط الذي ستحيل اليه

_____________

بالتوفيق و السداد