ما هي HTML؟
HTML هي اختصار لـ HyperText Markup Language، وهي اللغة الأساسية لبناء صفحات الويب.
تُستخدم HTML لوضع الهيكل الأساسي للمحتوى مثل النصوص، الصور، الروابط، القوائم، الجداول، النماذج، وغيرها.
كيف تعمل HTML؟
- HTML لا تُبرمج الصفحة، بل تصف هيكلها.
- تُستخدم مع CSS (للتصميم) وJavaScript (للحركة والتفاعل) لاحقًا.
الهيكل الأساسي لأي صفحة HTML
أي ملف HTML بسيط يتكوّن من هيكل أساسي مثل هذا:
<!DOCTYPE html>
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>
محتوى الصفحة هنا
</body>
</html>
شرح الهيكل:
<!DOCTYPE html>: يُعلن أن هذه الصفحة تستخدم HTML5.<html>: العنصر الرئيسي الذي يحتوي كل الصفحة.<head>: يحتوي معلومات عن الصفحة (وليس محتواها المرئي)، مثل العنوان وتعريف الترميزات.<title>: عنوان الصفحة الذي يظهر في تبويب المتصفح.<body>: يحتوي كل ما يظهر للمستخدم: نصوص، صور، أزرار، إلخ.
ملاحظة مهمة
- عناصر HTML تسمى Tags (وسوم).
- كل وسم غالبًا يتكوّن من وسم فتح ووسم إغلاق:
<p>هذا نص داخل فقرة.</p>
- بعض الوسوم لا تحتاج إغلاق (تُسمى self-closing tags)، مثل:
<img src="path/to/image.jpg" alt="صورة">
الواجب العملي
- أنشئ ملف جديد على جهازك باسم
index.html. - اكتب فيه الهيكل الأساسي الذي شرحناه.
- غيّر عنوان الصفحة إلى اسمك مثلًا وشاهد النتيجة في المتصفح.
ماذا سنتعلم في الدرس القادم؟
في الدرس الثاني سنتعلم عن أهم وسوم النصوص مثل:
<h1> - <h6>, <p>, <br>, <hr>, وغيرها.