الرئيسيةاليوميةمكتبة الصوربحـثمركز الرفعلوحة مفاتيح عربيةالتسجيلدخول

 | .
Share
 

  الدرس العاشر - أساسيات الـ HTML

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
أمـة الله


مساعدة إدارية
مساعدة إدارية


الجنس الجنس : انثى
المستوى الدراسي المستوى الدراسي : طالبة
الشعبة/الإختصاص : بــخــيــر والــحـــمد لله
هوايتي : الرسم
مسآهمآتے مسآهمآتے : 677
التقييم التقييم : 12
الأوســـمــــة


مُساهمةموضوع: الدرس العاشر - أساسيات الـ HTML   السبت 23 مارس 2013 - 13:24

الدرس العاشر - أساسيات الـ HTML


أساسيات ال HTML



أنواع أخرى من الروابط :

1-عند إنشاء الفهرس:

((أو عندما تكون صفحة ال HTML طويلة تساعدنا على التوجه مباشرة للجملة التي نريدها))

الرابط في الفهرس يساعد على التوجه مباشرة إلى العنوان الذي نقرنا عليه و لأجل ذلك نقوم بإستعمال الكود الموالي:

1- في الفهرس نقوم بإستعمال الكود التالي :

الرمز:
<a href = "#mon_ancre"> Titre </a>

حذاري : # يجب أن تكون ملتصقة بالكلمة ((أي لا نترك فراغا بينهما أبد))


2- و في الجملة المراد التوجه إليه نكتب الرابط التالي:

مثلا:

الرمز:
<h2 id=" mon_ancre " > Titre </h2>

ليس شرطا h2 يمكن أن نستعمل
الرمز:
<p>
أو h3 أو غيرها,,,,,,,,

نأخذ هذا المثال المصور:

ملاحظة : الصورة سأقسمها إلى نصفين حتى تظهر الكتابة جيدا بمعنى أن الكتابة مؤخوذة من صفحة واحدة






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

2- عندما تكون الجملة المراد التوجه إليها صفحة HTML أخرى

تشبه نوعا ما الدرس السابق ((التاسع))

في هذه الحالة نستعمل الكود التالي:

1- على مستوى الصفحة المستعملة الكود هو :

الرمز:
<a href =" nom de page. html # ancre"> </a>


2- على مستوى الصفحة المراد التوجه إليها الكود هو :

الرمز:
<h2 id= "ancre" > </h2>


مثال مصور :

نأخذ صفحة منتدى الشروق السابقة (( الخاصة بالفهرس )) و نضيف لها التالي :



نأخذ الصفحة الثانية التي أنشئناها في الدرس التاسع و نضعها في نفس الملف مع صفحة منتدى الشروق و نقوم بإضافة لها التالي:

ملاحظة: هذه الصفحة هي التي نستعملها في هذا المثال



بمجرد الضغط على كلمة منتدى الحاسب و البرامج ((لن تظهر باللون الأزرق بل ستكون مسطرة فقط)) ستنقلكم إلى نفس الكلمة في صفحة منتدى الشروق


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الدرس العاشر - أساسيات الـ HTML

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

 مواضيع مماثلة

-
» ضعف الانتصاب..ضعف الانتصاب..ضعف الانتصاب..ضعف الانتصاب..
» كود ساعة رقمية - منبه
» HTML
» العناصر والوسوم HTML
» مشروع ميثاق القسم،المراحل،الانجاز+صور



صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى التعليم الشامل :: ˆ~¤®§][©][ المنتدى الإداري ][©][§®¤~ˆ ::  منتدى المواضيع القديمة والمكررة-