فوضوي إذا كنت داخل عالم البرمجة لأول مرة، فأكيد سمعت عن HTML. وغالباً سألت نفسك: هل هذه لغة برمجة؟ ولا مجرد خدعة من المبرمجين؟ 🤔
الحقيقة؟ HTML هي البداية… وهي أسهل مما تتخيل!
🤯 ما هي HTML؟
HTML هي اختصار لـ HyperText Markup Language، وهي اللغة التي تُستخدم لبناء هيكل أي موقع على الإنترنت.
ببساطة: HTML تخبر المتصفح "هذا عنوان"، "هذه صورة"، "وهذا زر لا تضغط عليه إذا كنت شجاع 😅".
🏗️ كيف تشتغل HTML؟
تعتمد HTML على شيء اسمه "وسوم" أو Tags، شكلها يكون كذا:
<p>هذا نص جميل</p>
كل وسم له بداية ونهاية… مثل مسلسل لازم له نهاية (مو مثل بعض المسلسلات 😂).
🔥 أهم الوسوم
العناوين
<h1>عنوان رئيسي</h1>
<h2>عنوان فرعي</h2>
كل ما الرقم أكبر، الصوت أهدأ 😄
الصور
<img src="image.jpg">
بدون صور… الموقع يحس نفسه فاضي 😢
الروابط
<a href="https://example.com">اضغط هنا</a>
هذا الزر اللي ممكن يوديك لمكان رائع… أو لمفاجأة غير متوقعة 😂
🧪 أول صفحة HTML
<!DOCTYPE html>
<html>
<head>
<title>موقعي</title>
</head>
<body>
<h1>أهلاً بك</h1>
<p>هذه أول صفحة لي</p>
</body>
</html>
إذا اشتغل هذا الكود عندك… مبروك! أنت دخلت عالم البرمجة 🎉
😂 أخطاء المبتدئين
- نسيان إغلاق الوسم 😅
- كتابة الوسم غلط 🤦♂️
- تحويل الموقع كله إلى عنوان واحد 😆
🎨 هل HTML تكفي؟
لا 😄
HTML مثل الهيكل… تحتاج:
- CSS للشكل 💅
- JavaScript للحركة ⚡
💡 لماذا تتعلم HTML؟
- سهلة وسريعة التعلم
- أساس كل موقع
- تفتح لك باب العمل الحر
🚀 الخلاصة
HTML ليست مخيفة… بل ممتعة جداً!
ابدأ اليوم، جرّب، اخطئ، وكرر… وبعد فترة ستجد نفسك تصنع مواقع حقيقية 😎
ولا تنسَ: كل مبرمج محترف بدأ بكتابة <p>Hello World</p> 😄