شنو الفرق بين HTML و CSS؟
مقال احترافي باللهجة العراقية من إعداد حسوني الراوي
هواي ناس بالبداية يسألون: “شنو الفرق بين HTML و CSS؟” فخل نوضحها بشكل مبسط حتى المبتدئ يفهمها من أول نظرة.
🔹 شنو هي HTML؟
HTML معناها HyperText Markup Language، وهي الأساس اللي يتكوّن منه الموقع. تقدر تشبّهها مثل هيكل البيت، تحط الجدران والأبواب والنوافذ، بس بدون أي ديكور بعد.
<h1>أهلاً بيك بموقعي</h1>
<p>هذا مثال بسيط بلغة HTML</p>
🎨 شنو هي CSS؟
CSS معناها Cascading Style Sheets، وهي المسؤولة عن الجمال والتصميم. يعني الألوان، الأحجام، التباعد، وتوزيع العناصر — مثل الديكور والتشطيب داخل البيت.
h1 {
color: #00a653;
text-align: center;
}
p {
font-size: 18px;
color: #333;
}
⚖️ مقارنة بسيطة بين HTML و CSS
| HTML | CSS |
|---|---|
| تبني هيكل الصفحة (النصوص والصور) | تتحكم بالألوان والتنسيق |
| أساس الموقع | مظهر الموقع |
| تستخدم Tags | تستخدم Selectors |
⚡ تذكر: HTML = البناء / CSS = الجمال. الاثنَين يكملون بعض!
🧠 مثال بسيط يجمعهم سوا
<!DOCTYPE html>
<html>
<head>
<style>
body { background: #f8fff9; }
h1 { color: #00a653; }
</style>
</head>
<body>
<h1>مرحباً بيك</h1>
<p>هذا مثال يجمع HTML ويا CSS</p>
</body>
</html>
📘 الخلاصة
باختصار، الـ HTML تسوي لك الهيكل والمحتوى، والـ CSS تضيف الجمال والتنسيق. كل مبرمج لازم يعرف يشتغل بيهم سوا، لأنهم الأساس لأي موقع حديث.