الفرق بين HTML و CSS و JavaScript
الفرق بين HTML و CSS و JavaScript
HTML و CSS و JavaScript هي تقنيات أساسية تستخدم معًا لتطوير صفحات الويب، ولكل منها دور محدد في إنشاء وتصميم وتشغيل المواقع. إليك الفرق بينها:
HTML (لغة توصيف النصوص التشعبية):
- وظيفتها: هيكل الصفحة.
- ما تقوم به: تُستخدم HTML لإنشاء الهيكل الأساسي لصفحة الويب. تُحدد العناصر الأساسية مثل العناوين، الفقرات، الروابط، الصور، والجداول.
- مثال:
<html>
<head>
<title>مثال على صفحة HTML</title>
</head>
<body>
<h1>مرحبا بالعالم</h1>
<p>هذه فقرة.</p>
</body>
</html>
CSS (أوراق الأنماط المتتالية):
- وظيفتها: تصميم الصفحة.
- ما تقوم به: تُستخدم CSS لتحديد تصميم وشكل صفحة الويب. تتحكم في الألوان، الخطوط، الهوامش، الحدود، وتوزيع العناصر على الصفحة.
- مثال:
<style>
body {
background-color: lightblue;
}
h1 {
color: navy;
text-align: center;
}
p {
font-family: Arial, sans-serif;
font-size: 14px;
}
</style>
JavaScript:
- وظيفتها: تفاعل الصفحة.
- ما تقوم به: تُستخدم JavaScript لإضافة تفاعلية وحيوية لصفحة الويب. يمكنها تحديث المحتوى ديناميكيًا، معالجة البيانات، والاستجابة لتفاعلات المستخدم مثل النقرات أو إدخال البيانات.
- مثال:
<script>
function showMessage() {
alert("مرحبا بالعالم!");
}
</script>
<button onclick="showMessage()">اضغط هنا</button>
باختصار:
- HTML تبني الهيكل.
- CSS تضيف التصميم.
- JavaScript تضيف التفاعلية.