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


أساسيات ال HTML

تحديد الروابط ((créer des liens )):

هناك نوعين من الروابط :

رابط بإتجاه موقع على الأنترنت

رابط خاص بصفحة html أخرى أنشئتها من قبل



1- رابط بإتجاه موقع على الأنترنت :

للقيام بوضع رابط لموقع نحتاج أولا للكود الموالي:

الكود:

<a> </a>

ثانيا نضيف للكود

الكود:

<a>

معطى جديد هو href

بمعنى :

الكود:

<a href ="http:// adresse de site " > nom de site </a>

مثال :


نضيف رابط موقع منتدى الشروق نستعمل :

الكود:

<a/>منتدى الشروق<a = href "http://montada.echoroukonline.com>

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



2-رابط خاص بصفحة html أخرى أنشئتها من قبل:

لنفترض أنه لدينا صفحتين من HTML أو أكثر

1- في الحالة الأولى : عندما تكون الصفحتين موضوعتين في نفس الملف

الكود المستعمل

الكود:

<a href="nom de la page.html"> </a>

مثال

ننشئ ملفين
الأول بإسم منتدى الشروق
الثاني بأي إسم تريدون (( أنا إخترت معرفي ))

نضعهم في نفس الملف



بحيث صفحة naja تحمل الكود التالي:




بحيث صفحة منتدى الشروق تحمل الكود التالي:



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


2- في الحالة الثانية : عندما تكون الصفحتين موضوعتين في ملفين مختلفين

الكود المستعمل هو:

الكود:

<a href="nom de dossier/nom de la page.html"> </a>

مثال:

نستعمل نفس المثال السابق مع تغير موضع صفحة naja التي سنضعها في الملف " أمثلة "




و نغير الكود في صفحة منتدى الشروق كالآتي




ملاحظة: مهما يكن عدد الملفات يجب أن نحددها كلها

الكود:

<a href =" nom dossier1 /nom dossier2/.../ nom de page .html "> </a>