مقدمة إلى HTML

HTML هي اختصار لـ HyperText Markup Language، وهي لغة الترميز المستخدمة لإنشاء صفحات الويب. HTML ليست لغة برمجة، بل هي لغة ترميز تستخدم لتنظيم وهيكلة المحتوى على الإنترنت.

كل صفحة ويب تراها على الإنترنت مبنية باستخدام HTML. سنتعلم في هذا الدرس كيفية إنشاء أول صفحة HTML بسيطة.

ما هي HTML؟

HTML ليست لغة برمجة، بل هي لغة ترميز (Markup Language) تُستخدم لوصف بنية صفحات الويب. كل موقع تزوره يستخدم HTML!

htmlصفحة HTML أساسية
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="UTF-8">
  <title>صفحتي الأولى</title>
</head>
<body>
  <h1>مرحباً بالعالم!</h1>
  <p>هذه أول صفحة HTML لي.</p>
</body>
</html>

شرح بنية الصفحة

  • DOCTYPE: يخبر المتصفح أن هذا ملف HTML5
  • html: العنصر الجذري الذي يحتوي على كل المحتوى
  • head: يحتوي على معلومات الصفحة (غير مرئية)
  • meta charset: يحدد ترميز الأحرف (UTF-8 للعربية)
  • title: عنوان الصفحة الذي يظهر في التبويب
  • body: المحتوى المرئي للصفحة

الكود أعلاه يمثل بنية HTML أساسية. يحتوي على عنصر html الرئيسي الذي يحتوي على قسمين رئيسيين: head للمعلومات الوصفية، وbody لمحتوى الصفحة المرئي.

أقسام صفحة HTML

القسمالوظيفةمرئي؟
headمعلومات وإعدادات الصفحةلا
bodyالمحتوى الذي يراه الزائرنعم
titleعنوان يظهر في التبويبلا
metaمعلومات إضافية للمتصفحلا

نصيحة للمبتدئين

احفظ الكود في ملف بامتداد .html وافتحه في أي متصفح لترى النتيجة! يمكنك استخدام Notepad أو أي محرر نصوص.

  • فهمنا ما هي HTML
  • تعلمنا البنية الأساسية لصفحة HTML
  • تعرفنا على أقسام head و body
  • سننتقل لتعلم الوسوم في الدرس القادم

مساحة إعلانية

HTMLمقدمة إلى HTML