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

2012-04-10, 18:10

رقم المشاركة : 1

ExtrA

أستـــــاذ(ة) مــــاسي

إحصائية العضو

ExtrA غير متواجد حالياً

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

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

تحية طيبة الى كل أعضاء منتديات الأستاذ

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

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

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

رابطها هو

كود:

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">

وسم مصدر الصورة

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

كود بلغة 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">" 

هذا الوسم يحدد مصدر الصورة و الرابط الذي ستحيل اليه