كيف يتم ربط ملف html بلغات البرمجة الأخري ؟

ان كنت قد قمت بعمل بحث عن تطوير وتصميم صفحات الويب ، فإنك علي الأرجح قرأت بعض المقالات التي تذكر ارتباط لغة ال html بلغات برمجية اخري مثل CSS والجافا سكريبت.

Html و CSS و java script هي اللغات الثلاث الرئيسية التي يتم استخدامها لإنشاء معظم صفحات الويب. كل لغة لها وظيفة مختلفه ولكل منها قواعد مختلفه ، لكنها تعمل معا لبناء محتوي صفحات الويب وتصميمها ووظائفها.

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

يتم استخدام CSS لتحديد تصميم الصفحة ، بما في ذلك أشياء مثل حجم كل عنصر وطريقة عرضه

مع CSS ، يمكنك تعيين أشياء مثل نمط ولون الخط الذي تستخدمه ، ولون الخلفية للصفحة ، وعرض الحدود حول العناصر الموجودة علي الصفحة. وتقسيم محتوي الصفحة وعرضه بشكل جمالي .

كيفية ربط ملف css خارجي بصفحة html

1-أولا نقوم بفتح المحرر ونقوم بإختار ملف جديد.

2-نقوم بحفظ الملف بامتداد ( .css) وليكن (css) .

3-في صفحة html نأتي رأس الصفحة داخل وسم <head> ونكتب هذا الكود

</ "link rel="stylesheet" href=" style.css>

java script هي لغة برمجة عالية المستوي تعمل بشكل ديناميكي . وهي لغة اكثر تعقيدا من html و css تستخدم في الأصل في إنشاء صفحات ويب تفاعلية

يقوم المتصفح بتحميل الملف المكتوب بلغة الجافا اسكربيت إما مضمنا داخل ملف ال html أو من خلال ملف خارجي

تقوم جافا اسكريبت بإنشاء دوال تفاعلية . وهذا ما تستخدمه الكثير من المواقع والصفحات

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

كيفية ربط ملف جافا اسكريبت خارجي بصفحة html

1-أولا نقوم بفتح المحرر ونقوم بإختار ملف جديد .

2-نقوم بحفظ الملف بامتداد (js.) وليكن (main.js) .

3-أفضل مكان لوضع ملف جافا اسكريبت خارجي هوا في نهاية وسم الhead او نهاية وسم الbody . حتي إذا حدث خطأ في الكود لايؤثر ذلك علي تحميل باقي عناصر الصفحة.

4-بعد تحديد المكان نضع هذا الكود
</script src=" main.js"> <script >

برو اكاديمي

كيف يتم ربط ملف html بلغات البرمجة الأخري ؟