في هذا الدرس نشرح ما HTML، كيف تعمل صفحات الويب، وما نحتاجه لبناء صفحة من الصفر. نقطة البداية الأنسب لمن يبدأ البرمجة.
ملاحظة 2026: كُتب هذا المقال 2014. منطق HTML الأساسي لم يتغيّر في 12 عامًا — الوسوم وبنية الصفحة هنا ما زالت صالحة 2026. أكبر تحديث: اعتماد HTML5 معيارًا.
ما HTML؟
HyperText Markup Language (لغة ترميز النص التشعبي). اللغة التي تبني هيكل صفحات الويب. كل صفحة تبدأ بـHTML — CSS للمظهر، JavaScript للسلوك.
صفحة بسيطة
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<title>صفحتي الأولى</title>
</head>
<body>
<h1>مرحبًا بالعالم!</h1>
<p>هذه أول صفحة ويب لي.</p>
</body>
</html>احفظ هذا الكود كـindex.html وافتحه في المتصفح — صفحتك جاهزة.
البنية الأساسية
<!DOCTYPE html>: يخبر المتصفح «أستخدم HTML5».<head>: بيانات وصفية (عنوان، ترميز، روابط CSS).<body>: كل ما يراه الزائر.- فتح وإغلاق: معظم الوسوم مزدوجة
<p>...</p>.
مصادر تعلّم 2026
- MDN Web Docs — مرجع بأعلى جودة.
- The Odin Project — مجاني، مسار كامل قائم على المشاريع.
- freeCodeCamp — تفاعلي مع شهادات.
